{"action":"created","issue":{"url":"https://api.github.com/repos/storybooks/storybook/issues/5028","repository_url":"https://api.github.com/repos/storybooks/storybook","labels_url":"https://api.github.com/repos/storybooks/storybook/issues/5028/labels{/name}","comments_url":"https://api.github.com/repos/storybooks/storybook/issues/5028/comments","events_url":"https://api.github.com/repos/storybooks/storybook/issues/5028/events","html_url":"https://github.com/storybooks/storybook/issues/5028","id":392111952,"node_id":"MDU6SXNzdWUzOTIxMTE5NTI=","number":5028,"title":"Using create-react-app --typescript and sb init does not work out of the box","user":{"login":"kroeder","id":5478899,"node_id":"MDQ6VXNlcjU0Nzg4OTk=","avatar_url":"https://avatars1.githubusercontent.com/u/5478899?v=4","gravatar_id":"","url":"https://api.github.com/users/kroeder","html_url":"https://github.com/kroeder","followers_url":"https://api.github.com/users/kroeder/followers","following_url":"https://api.github.com/users/kroeder/following{/other_user}","gists_url":"https://api.github.com/users/kroeder/gists{/gist_id}","starred_url":"https://api.github.com/users/kroeder/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kroeder/subscriptions","organizations_url":"https://api.github.com/users/kroeder/orgs","repos_url":"https://api.github.com/users/kroeder/repos","events_url":"https://api.github.com/users/kroeder/events{/privacy}","received_events_url":"https://api.github.com/users/kroeder/received_events","type":"User","site_admin":false},"labels":[{"id":626669469,"node_id":"MDU6TGFiZWw2MjY2Njk0Njk=","url":"https://api.github.com/repos/storybooks/storybook/labels/app:%20react","name":"app: react","color":"f9d0c4","default":false},{"id":343576454,"node_id":"MDU6TGFiZWwzNDM1NzY0NTQ=","url":"https://api.github.com/repos/storybooks/storybook/labels/bug","name":"bug","color":"EB484F","default":true},{"id":603520516,"node_id":"MDU6TGFiZWw2MDM1MjA1MTY=","url":"https://api.github.com/repos/storybooks/storybook/labels/cli","name":"cli","color":"fbca04","default":false},{"id":1136143266,"node_id":"MDU6TGFiZWwxMTM2MTQzMjY2","url":"https://api.github.com/repos/storybooks/storybook/labels/cra","name":"cra","color":"09b1ba","default":false},{"id":632553491,"node_id":"MDU6TGFiZWw2MzI1NTM0OTE=","url":"https://api.github.com/repos/storybooks/storybook/labels/has%20workaround","name":"has workaround","color":"c2e0c6","default":false},{"id":738042853,"node_id":"MDU6TGFiZWw3MzgwNDI4NTM=","url":"https://api.github.com/repos/storybooks/storybook/labels/high%20priority","name":"high priority","color":"ef2bae","default":false},{"id":885024119,"node_id":"MDU6TGFiZWw4ODUwMjQxMTk=","url":"https://api.github.com/repos/storybooks/storybook/labels/typescript","name":"typescript","color":"42e58b","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2018-12-18T11:24:52Z","updated_at":"2018-12-30T10:43:41Z","closed_at":null,"author_association":"MEMBER","body":"**Describe the bug**\r\nCurrently ` create-react-app storybook-react-typescript --typescript` does not work together with `sb init`\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. `create-react-app storybook-react-typescript --typescript`\r\n2. `sb init`\r\n3. Start storybook\r\n\r\nThrows\r\n\r\n```\r\nERROR in ./.storybook/config.js\r\nModule build failed (from ./node_modules/babel-loader/lib/index.js):\r\nError: [BABEL] D:\\04_Development\\react\\storybook-react-typescript\\.storybook\\config.js: Cannot find module '@babel/plugin-syntax-jsx' (While processing: \"D:\\\\04_Development\\\\react\\\\storybook-react-typescript\\\\node_modules\\\\babel-preset-react-app\\\\index.js$1$0\")\r\n    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)\r\n    at Function.Module._load (internal/modules/cjs/loader.js:506:25)\r\n    at Module.require (internal/modules/cjs/loader.js:636:17)\r\n    at require (internal/modules/cjs/helpers.js:20:18)\r\n    at _pluginSyntaxJsx (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\babel-preset-react-app\\node_modules\\@babel\\preset-react\\node_modules\\@babel\\plugin-transform-react-jsx\\lib\\index.js:19:39)\r\n    at _default (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\babel-preset-react-app\\node_modules\\@babel\\preset-react\\node_modules\\@babel\\plugin-transform-react-jsx\\lib\\index.js:128:15)\r\n    at D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\helper-plugin-utils\\lib\\index.js:19:12\r\n    at loadDescriptor (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:165:14)\r\n    at cachedFunction (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\caching.js:33:19)\r\n    at loadPluginDescriptor (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:200:28)\r\n    at config.plugins.reduce (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:69:20)\r\n    at Array.reduce (<anonymous>)\r\n    at recurseDescriptors (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:67:38)\r\n    at recurseDescriptors (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:94:27)\r\n    at recurseDescriptors (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:94:27)\r\n    at loadFullConfig (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\config\\full.js:108:6)\r\n    at process.nextTick (D:\\04_Development\\react\\storybook-react-typescript\\node_modules\\@babel\\core\\lib\\transform.js:28:33)\r\n    at process._tickCallback (internal/process/next_tick.js:61:11)\r\n @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true main[2]\r\n```\r\n\r\n**Expected behavior**\r\n1. Should work out-of-the-box\r\n2. Should create story files with `.tsx` extension instead of `.js`\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\r\n\r\n**Code snippets**\r\nIf applicable, add code samples to help explain your problem.\r\n\r\n**System:**\r\n\r\n```\r\n\"dependencies\": {\r\n\t\"@types/jest\": \"23.3.10\",\r\n\t\"@types/node\": \"10.12.15\",\r\n\t\"@types/react\": \"16.7.17\",\r\n\t\"@types/react-dom\": \"16.0.11\",\r\n\t\"react\": \"^16.6.3\",\r\n\t\"react-dom\": \"^16.6.3\",\r\n\t\"react-scripts\": \"2.1.1\",\r\n\t\"typescript\": \"3.2.2\"\r\n},\r\n\t\"devDependencies\": {\r\n\t\"@storybook/react\": \"^4.1.2\",\r\n\t\"@storybook/addon-actions\": \"^4.1.2\",\r\n\t\"@storybook/addon-links\": \"^4.1.2\",\r\n\t\"@storybook/addons\": \"^4.1.2\",\r\n\t\"@babel/core\": \"^7.2.2\",\r\n\t\"babel-loader\": \"^8.0.4\"\r\n}\r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n"},"comment":{"url":"https://api.github.com/repos/storybooks/storybook/issues/comments/450552248","html_url":"https://github.com/storybooks/storybook/issues/5028#issuecomment-450552248","issue_url":"https://api.github.com/repos/storybooks/storybook/issues/5028","id":450552248,"node_id":"MDEyOklzc3VlQ29tbWVudDQ1MDU1MjI0OA==","user":{"login":"tmeasday","id":132554,"node_id":"MDQ6VXNlcjEzMjU1NA==","avatar_url":"https://avatars1.githubusercontent.com/u/132554?v=4","gravatar_id":"","url":"https://api.github.com/users/tmeasday","html_url":"https://github.com/tmeasday","followers_url":"https://api.github.com/users/tmeasday/followers","following_url":"https://api.github.com/users/tmeasday/following{/other_user}","gists_url":"https://api.github.com/users/tmeasday/gists{/gist_id}","starred_url":"https://api.github.com/users/tmeasday/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tmeasday/subscriptions","organizations_url":"https://api.github.com/users/tmeasday/orgs","repos_url":"https://api.github.com/users/tmeasday/repos","events_url":"https://api.github.com/users/tmeasday/events{/privacy}","received_events_url":"https://api.github.com/users/tmeasday/received_events","type":"User","site_admin":false},"created_at":"2018-12-30T10:43:41Z","updated_at":"2018-12-30T10:43:41Z","author_association":"MEMBER","body":"As [above](https://github.com/storybooks/storybook/issues/5028#issuecomment-450533445) works for me with the `--typescript` option @kroeder "}}
{"actor":{"display_login":"tmeasday"}}