diff --git a/docs/src/pages/configurations/typescript-config/index.md b/docs/src/pages/configurations/typescript-config/index.md index e920ac14d986..60a3a0711166 100644 --- a/docs/src/pages/configurations/typescript-config/index.md +++ b/docs/src/pages/configurations/typescript-config/index.md @@ -19,19 +19,17 @@ You can learn more about Storybook presets [over here](../../presets/introductio > If using TypeScript, some addons require features available in TS version 3.4+. -## Setting up TypeScript with awesome-typescript-loader +## Setting up TypeScript with ts-loader ### Dependencies you may need ```bash yarn add -D typescript -yarn add -D awesome-typescript-loader +yarn add -D ts-loader yarn add -D @storybook/addon-info react-docgen-typescript-loader # optional but recommended yarn add -D jest "@types/jest" ts-jest #testing ``` -We have had the best experience using `awesome-typescript-loader`, but other tutorials may use `ts-loader`, so be sure to configure accordingly. You can even use `babel-loader` with a `ts-loader` configuration. - ### Setting up TypeScript to work with Storybook We [configure storybook's webpack](/configurations/custom-webpack-config/#full-control-mode--default) by changing `.storybook/main.js`: @@ -43,7 +41,7 @@ module.exports = { test: /\.(ts|tsx)$/, use: [ { - loader: require.resolve('awesome-typescript-loader'), + loader: require.resolve('ts-loader'), }, // Optional {