Upgrade to React v19 and Storybook v8

.eslintrc.js

@@ -20,8 +20,7 @@ module.exports = {
     'plugin:react/jsx-runtime',
     'plugin:unicorn/all',
     'plugin:react-prefer-function-component/recommended',
-    'prettier',
-    'plugin:storybook/recommended'
+    'prettier'
   ],
   rules: {
     'no-dupe-else-if': 'error',

.storybook/main.js

@@ -3,24 +3,23 @@ import turbosnap from 'vite-plugin-turbosnap';
 module.exports = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   staticDirs: ['../src/assets/'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    '@storybook/addon-a11y',
-    'display-element-css'
+    '@storybook/addon-a11y'
   ],
+
   docs: {
-    autodocs: 'tag',
     defaultName: 'Overview'
   },
+
   framework: {
     name: '@storybook/react-vite',
     options: {}
   },
-  features: {
-    storyStoreV7: true
-  },
+
   async viteFinal(config, { configType }) {
     config.base = process.env.BASE_PATH || config.base;
 
@@ -38,5 +37,9 @@ module.exports = {
 
     // return the customized config
     return config;
+  },
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
   }
 };

.storybook/preview.js

@@ -34,7 +34,6 @@ export const preview = {
         ]
       }
     },
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,
@@ -44,7 +43,9 @@ export const preview = {
     docs: {
       theme: themeCFPB
     }
-  }
+  },
+
+  tags: ['autodocs', 'autodocs']
 };
 
 export default preview;