Change photo src to relative path

Author: phamviet

.storybook/main.js

@@ -3,6 +3,7 @@ module.exports = {
     "../src/**/*.stories.mdx",
     "../src/**/*.stories.@(js|jsx|ts|tsx)"
   ],
+  staticDirs: ['../public'],
   "addons": [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
@@ -17,4 +18,4 @@ module.exports = {
       "type": "code"
     }
   }
-}
+}

package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@storybook/addon-docs": "^6.4.17",
-    "@storybook/addons": "^6.4.18",
-    "@storybook/theming": "^6.4.18",
+    "@storybook/addon-docs": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
+    "@storybook/theming": "^6.4.19",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
@@ -26,8 +26,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
     "chromatic": "npx chromatic --project-token=68a7481d1697"
   },
   "eslintConfig": {
@@ -62,14 +62,14 @@
     "@babel/cli": "^7.14.8",
     "@babel/preset-env": "^7.14.9",
     "@babel/preset-react": "^7.14.5",
-    "@storybook/addon-actions": "^6.4.17",
-    "@storybook/addon-essentials": "^6.4.17",
-    "@storybook/addon-links": "^6.4.17",
-    "@storybook/builder-webpack5": "^6.4.17",
-    "@storybook/manager-webpack5": "^6.4.17",
-    "@storybook/node-logger": "^6.4.17",
-    "@storybook/preset-create-react-app": "^4.0.0",
-    "@storybook/react": "^6.4.17",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-essentials": "^6.4.19",
+    "@storybook/addon-links": "^6.4.19",
+    "@storybook/builder-webpack5": "^6.4.19",
+    "@storybook/manager-webpack5": "^6.4.19",
+    "@storybook/node-logger": "^6.4.19",
+    "@storybook/preset-create-react-app": "^4.0.1",
+    "@storybook/react": "^6.4.19",
     "bootstrap": "^5.1.3",
     "chromatic": "^6.4.3",
     "husky": "^7.0.4",

src/stories/UserLink.stories.mdx

@@ -63,9 +63,9 @@ export const Template = (args) => <UserLink {...args} />;
   <Story
     name="ImageLink"
     args={{
-      children: <img src="/assets/profile-photo.png" alt="John Doe" />,
+      children: <img src="assets/profile-photo.png" alt="John Doe" />,
       user: { attuid: "jd1234", name: 'John Doe' },
     }}>
     {Template.bind({})}
   </Story>
-</Canvas>
+</Canvas>