reactjs - Storybook Typescript nu încarcă tipurile de props adăugate recent, este necesară repornirea Storybook


module.exports = {
  stories: ["../**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "@storybook/preset-create-react-app",
    "@storybook/addon-a11y"
  ],
  typescript: {
    reactDocgen: "react-docgen-typescript",
    reactDocgenTypescriptOptions: {
      shouldExtractLiteralValuesFromEnum: true,
      compilerOptions: {
        allowSyntheticDefaultImports: false,
        esModuleInterop: false
      }
    }
  },
  staticDirs: ["../src/assets"],
  framework: "@storybook/react",
  core: {
    builder: "@storybook/builder-webpack5"
  },
  webpackFinal: (config) => {
    config.module.rules.push({
      test: /\.tsx?$/,
      exclude: /node_modules/,
      use: [
        {
          loader: require.resolve("babel-loader"),
          options: {
            presets: [
              require("@babel/preset-typescript").default,
              [require("@babel/preset-react").default, { runtime: "automatic" }],
              // @ts-ignore
              require("@babel/preset-env").default
            ]
          }
        }
      ]
    });

    config.resolve.extensions.push(".ts", ".tsx");

    // config.module.rules.push({
    //   test: /\.mjs$/,
    //   include: /node_modules/,
    //   type: "javascript/auto"
    // });

    // config.resolve.extensions.push(".mjs");

    return config;
  }
};

Mai sus este fișierul meu main.js

export type ButtonProps= {
  width: string;
  /** Some comments */
  height: string;    // let say I added this after starting up Storybook
}

După ce am adăugat noi proprietăți la tipul de proprietăți (să zicem height) la tipul meu de buton, Storybook s-ar putea să nu afișeze noile proprietăți adăugate sau noile comentarii și noile proprietăți sau comentarii vor fi afișate doar dacă repornesc Storybook executând din nou scriptul npm run storybook. Totul (descriere, proprietăți) va fi încărcat și afișat după o repornire a Storybook.

Am inclus configurația TypeScript în main.js de la început și am decis să caut ajutor pentru că nu este eficient să trebuiască să repornesc Storybook dacă noile schimbări nu apar. Vă rog să îmi spuneți orice lucru pe care îl pot încerca pentru a rezolva această problemă.