Fix Storybook in app gen for Volto 18

packages/generator-volto/generators/app/templates/.storybook/main.js

@@ -70,6 +70,18 @@ module.exports = {
     '@storybook/addon-essentials',
     // '@storybook/preset-scss',
   ],
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript-plugin',
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+      propFilter: () => true,
+    },
+  },
   webpackFinal: async (config, { configType }) => {
     // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
     // You can change the configuration based on that.
@@ -91,7 +103,7 @@ module.exports = {
       [],
       defaultRazzleOptions,
     );
-    const AddonConfigurationRegistry = require('@plone/volto/addon-registry');
+    const AddonConfigurationRegistry = require('@plone/registry/src/addon-registry');
 
     const registry = new AddonConfigurationRegistry(projectRootPath);
 
@@ -135,9 +147,10 @@ module.exports = {
     };
 
     // Addons have to be loaded with babel
-    const addonPaths = registry.addonNames.map((addon) =>
-      fs.realpathSync(registry.packages[addon].modulePath),
-    );
+    const addonPaths = registry
+      .getAddons()
+      .map((addon) => fs.realpathSync(addon.modulePath));
+
     resultConfig.module.rules[1].exclude = (input) =>
       // exclude every input from node_modules except from @plone/volto
       /node_modules\/(?!(@plone\/volto)\/)/.test(input) &&

packages/generator-volto/news/5911.internal

@@ -0,0 +1 @@
+Fix StoryBook for project generator in Volto 18 @sneridagh

packages/volto/.storybook/main.js

@@ -1,12 +1,13 @@
 const webpack = require('webpack');
 const fs = require('fs');
 const path = require('path');
-const makeLoaderFinder = require('razzle-dev-utils/makeLoaderFinder');
-const fileLoaderFinder = makeLoaderFinder('file-loader');
+
 const projectRootPath = path.resolve('.');
 const lessPlugin = require('../webpack-plugins/webpack-less-plugin');
+
 const createConfig = require('../node_modules/razzle/config/createConfigAsync.js');
 const razzleConfig = require(path.join(projectRootPath, 'razzle.config.js'));
+
 const SVGLOADER = {
   test: /icons\/.*\.svg$/,
   use: [

packages/volto/news/5911.internal

@@ -0,0 +1 @@
+Remove dangling unused lines in StoryBook config @sneridagh