chore: pin to react 18 (#363)

Author: coodos

package.json

@@ -14,6 +14,10 @@
     },
     "devDependencies": {
         "@biomejs/biome": "^1.9.4",
+        "@types/react": "18.3.1",
+        "@types/react-dom": "18.3.1",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
         "turbo": "^2.4.4",
         "typescript": "5.8.2"
     },
@@ -33,6 +37,12 @@
             "sqlite3",
             "ssh2",
             "svelte-preprocess"
-        ]
+        ],
+        "overrides": {
+            "react": "18.3.1",
+            "react-dom": "18.3.1",
+            "@types/react": "18.3.1",
+            "@types/react-dom": "18.3.1"
+        }
     }
-}
+}

platforms/eVoting/package.json

@@ -56,7 +56,7 @@
         "tailwind-merge": "^3.3.1",
         "tailwindcss-animate": "^1.0.7",
         "vaul": "^1.1.2",
-        "zod": "^4.0.14"
+        "zod": "^3.24.2"
     },
     "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -69,4 +69,4 @@
         "tailwindcss": "^4",
         "typescript": "^5"
     }
-}
+}

platforms/eVoting/src/components/ui/button.tsx

@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       />
     )
   }
-)
+) as React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>
 Button.displayName = "Button"
 
 export { Button, buttonVariants }

platforms/eVoting/tsconfig.json

@@ -27,7 +27,8 @@
       "@/*": [
         "src/*"
       ]
-    }
+    },
+    "types": ["react", "react-dom"]
   },
   "include": [
     "**/*.ts",

platforms/group-charter-manager/src/components/ui/button.tsx

@@ -39,18 +39,14 @@ export interface ButtonProps
   asChild?: boolean
 }
 
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
+function Button({ className, variant, size, asChild = false, ...props }: ButtonProps) {
+  const Comp = asChild ? Slot : "button"
+  return (
+    <Comp
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
 
 export { Button, buttonVariants }

platforms/group-charter-manager/tsconfig.json

@@ -20,7 +20,8 @@
     ],
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "types": ["react", "react-dom"]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]