Add "use client" to bundle for React Server Components support

Author: inokawa

package-lock.json

@@ -63,6 +63,7 @@
     "react-merge-refs": "2.0.1",
     "rimraf": "3.0.2",
     "rollup": "3.20.2",
+    "rollup-plugin-banner2": "1.2.2",
     "storybook": "^7.0.4",
     "styled-components": "^5.3.6",
     "ts-jest": "29.0.3",

package.json

@@ -1,6 +1,7 @@
 import typescript from "@rollup/plugin-typescript";
 import { getBabelOutputPlugin } from "@rollup/plugin-babel";
 import terser from "@rollup/plugin-terser";
+import banner from "rollup-plugin-banner2";
 import pkg from "./package.json" assert { type: "json" };
 
 const keys = (p) => Object.keys(p || {});
@@ -45,5 +46,6 @@ export default {
         preserve_annotations: true,
       },
     }),
+    banner(() => '"use client";\n'),
   ],
 };