reactjs - Storybook Typescript laddar inte nyligen tillagda props-typer, behöver starta om 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;
  }
};

Ovan är min main.js-fil

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

Efter att ha lagt till nya props till propstypen (säg höjd) till min knapp-typ, kanske Storybook inte visar de nyligen tillagda propsen eller de nyligen tillagda kommentarerna, och de nya propsen eller kommentarerna visas endast om jag startar om Storybook igen genom att köra npm run storybook-skriptet. Allt (beskrivning, egenskaper) kommer att laddas och visas efter en omstart av Storybook.

Jag har inkluderat TypeScript-konfigurationen i min main.js sedan dag ett och beslutade att söka hjälp eftersom det inte är effektivt att behöva starta om Storybook om nya ändringar inte visas. Vänligen låt mig veta om det finns något jag kan prova för att lösa detta problem.