Fix Rollup duplicate 'use client' directives

Author: colinrotherham

.storybook/main.ts

@@ -1,4 +1,5 @@
 import { type StorybookConfig } from '@storybook/react-vite';
+import preserveDirectives from 'rollup-preserve-directives';
 import { mergeConfig, type InlineConfig } from 'vite';
 import tsConfigPaths from 'vite-tsconfig-paths';
 import { isLogIgnored } from '../rollup.config.js';
@@ -26,6 +27,7 @@ const config: StorybookConfig = {
 
             handler(warning);
           },
+          plugins: [preserveDirectives()],
         },
       },
       css: {

package.json

@@ -113,7 +113,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "rollup": "^4.52.4",
-    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-preserve-directives": "^1.1.3",
     "sass-embedded": "^1.93.2",
     "storybook": "^9.1.10",
     "tslib": "^2.8.1",

rollup.config.js

@@ -1,9 +1,10 @@
 import { join } from 'node:path';
+import { DEFAULT_EXTENSIONS as extensions } from '@babel/core';
 import { babel } from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
-import preserveDirectives from 'rollup-plugin-preserve-directives';
+import preserveDirectives from 'rollup-preserve-directives';
 import { defineConfig } from 'rollup';
 import packageJson from './package.json' with { type: 'json' };
 import tsBuildConfig from './tsconfig.build.json' with { type: 'json' };
@@ -58,6 +59,7 @@ export default defineConfig(
         babel({
           babelHelpers: 'bundled',
           exclude: 'node_modules/**',
+          extensions: [...extensions, '.ts', '.tsx'],
         }),
       ],
 

yarn.lock

@@ -8510,7 +8510,7 @@ __metadata:
     react: "npm:^19.2.0"
     react-dom: "npm:^19.2.0"
     rollup: "npm:^4.52.4"
-    rollup-plugin-preserve-directives: "npm:^0.4.0"
+    rollup-preserve-directives: "npm:^1.1.3"
     sass-embedded: "npm:^1.93.2"
     storybook: "npm:^9.1.10"
     tslib: "npm:^2.8.1"
@@ -9519,15 +9519,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-preserve-directives@npm:^0.4.0":
-  version: 0.4.0
-  resolution: "rollup-plugin-preserve-directives@npm:0.4.0"
+"rollup-preserve-directives@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "rollup-preserve-directives@npm:1.1.3"
   dependencies:
-    "@rollup/pluginutils": "npm:^5.1.0"
     magic-string: "npm:^0.30.5"
   peerDependencies:
-    rollup: 2.x || 3.x || 4.x
-  checksum: 10c0/83e27b6cefe5d2185a39b79fa860644e60b53ed0c32942e1829023e10aa75a2fdd9c0d57e9a46eec4b60804d3fdb1ae51e847d5762f372b0f22fafcaca8c6a0e
+    rollup: ^2.0.0 || ^3.0.0 || ^4.0.0
+  checksum: 10c0/a3d1ecb0672f5dd15c8350d6c741345dfbc267e33d9f1c805a22af264d58fc7abb407bd57b8fceee7d522bd57948898c2f55361572e6735085e69d842055b680
   languageName: node
   linkType: hard