I don't know if this is normal or it doesn't have support for storybook, in the test of the components ~/ worked but in the storybook it didn't work is this normal or am I doing something wrong or a bug?
eslint
.babelrc
tsconfig.json
jsconfig.json
"dependencies": {
"@types/next": "^9.0.0",
"next": "12.3.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-markdown": "^8.0.3",
"react-router-dom": "^6.3.0",
"react-syntax-highlighter": "^15.5.0",
"remark-gfm": "^3.0.1",
"styled-components": "^5.3.5",
"typescript": "^4.8.3",
"vercel": "^28.4.2"
},
"devDependencies": {
"@babel/core": "^7.19.1",
"@babel/plugin-syntax-jsx": "^7.18.6",
"@babel/preset-react": "^7.18.6",
"@storybook/addon-actions": "^6.5.12",
"@storybook/addon-essentials": "^6.5.12",
"@storybook/addon-interactions": "^6.5.12",
"@storybook/addon-links": "^6.5.12",
"@storybook/builder-webpack5": "^6.5.12",
"@storybook/manager-webpack5": "^6.5.12",
"@storybook/react": "^6.5.12",
"@storybook/testing-library": "^0.0.13",
"@styled-icons/material-outlined": "^10.34.0",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^14.4.3",
"@types/jest": "^28.1.8",
"@types/node": "^16.11.56",
"@types/react": "^18.0.21",
"@types/react-dom": "^18.0.6",
"@types/react-syntax-highlighter": "^15.5.5",
"@types/styled-components": "^5.1.26",
"@typescript-eslint/eslint-plugin": "^5.38.0",
"@typescript-eslint/parser": "^5.38.0",
"babel-loader": "^8.2.5",
"babel-plugin-root-import": "^6.6.0",
"eslint": "8.23.1",
"eslint-config-next": "12.3.0",
"eslint-config-prettier": "^8.3.0",
"eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.31.8",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-simple-import-sort": "^7.0.0",
"eslint-plugin-storybook": "^0.6.4",
"jest": "^29.0.1",
"jest-environment-jsdom": "^29.0.1",
"jest-styled-components": "^7.1.0",
"jsdom": "^20.0.0",
"plop": "^3.1.1",
"prettier": "^2.5.1",
"prop-types": "^15.8.1"
}
}
I don't know if this is normal or it doesn't have support for storybook, in the test of the components ~/ worked but in the storybook it didn't work is this normal or am I doing something wrong or a bug?
"dependencies": {
"@types/next": "^9.0.0",
"next": "12.3.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-markdown": "^8.0.3",
"react-router-dom": "^6.3.0",
"react-syntax-highlighter": "^15.5.0",
"remark-gfm": "^3.0.1",
"styled-components": "^5.3.5",
"typescript": "^4.8.3",
"vercel": "^28.4.2"
},
"devDependencies": {
"@babel/core": "^7.19.1",
"@babel/plugin-syntax-jsx": "^7.18.6",
"@babel/preset-react": "^7.18.6",
"@storybook/addon-actions": "^6.5.12",
"@storybook/addon-essentials": "^6.5.12",
"@storybook/addon-interactions": "^6.5.12",
"@storybook/addon-links": "^6.5.12",
"@storybook/builder-webpack5": "^6.5.12",
"@storybook/manager-webpack5": "^6.5.12",
"@storybook/react": "^6.5.12",
"@storybook/testing-library": "^0.0.13",
"@styled-icons/material-outlined": "^10.34.0",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^14.4.3",
"@types/jest": "^28.1.8",
"@types/node": "^16.11.56",
"@types/react": "^18.0.21",
"@types/react-dom": "^18.0.6",
"@types/react-syntax-highlighter": "^15.5.5",
"@types/styled-components": "^5.1.26",
"@typescript-eslint/eslint-plugin": "^5.38.0",
"@typescript-eslint/parser": "^5.38.0",
"babel-loader": "^8.2.5",
"babel-plugin-root-import": "^6.6.0",
"eslint": "8.23.1",
"eslint-config-next": "12.3.0",
"eslint-config-prettier": "^8.3.0",
"eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.31.8",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-simple-import-sort": "^7.0.0",
"eslint-plugin-storybook": "^0.6.4",
"jest": "^29.0.1",
"jest-environment-jsdom": "^29.0.1",
"jest-styled-components": "^7.1.0",
"jsdom": "^20.0.0",
"plop": "^3.1.1",
"prettier": "^2.5.1",
"prop-types": "^15.8.1"
}
}