✨ feat: next rainbowKit ssr

Author: chaichuanfa

packages/rainbowkit-next-starter/next.config.js renamed to packages/rainbowkit-next-starter/next.config.cjs

@@ -2,6 +2,7 @@
     "name": "rainbowkit-next-starter",
     "version": "0.1.0",
     "private": true,
+    "type": "module",
     "scripts": {
         "start": "next dev",
         "build": "next build",

packages/rainbowkit-next-starter/package.json

@@ -1,9 +1,10 @@
 import '../styles/globals.css';
 import dynamic from 'next/dynamic';
+import DynamicWagmi from '../src/components/dynamicWagmi';
 
-const DynamicWagmi = dynamic(() => import('../src/components/dynamicWagmi/index'), {
-    ssr: false,
-});
+// const DynamicWagmi = dynamic(() => import('../src/components/dynamicWagmi/index'), {
+//     ssr: false,
+// });
 
 function MyApp({ Component, pageProps }) {
     return (

packages/rainbowkit-next-starter/pages/_app.js

@@ -140,7 +140,6 @@ function DemoSetting(props: any) {
             modalBorderRadius: Number(modalBorderRadius),
         });
         localStorage.setItem('dapp_particle_modal_border_radius', modalBorderRadius + '');
-        console.log('change modal border radius');
     }, [modalBorderRadius]);
     return (
         <div className="filter-box card" style={{ flex: 1 }}>

packages/web-demo/src/components/DemoSetting/index.tsx

@@ -26,7 +26,6 @@ function PnSelect(props: PnSelectProps) {
         const item = props.options.find((item) => item.value === value);
         return item;
     }, [value]);
-    console.log(props);
 
     useEffect(() => {
         if (props?.value) {