feat: support react 19 (#501)

Author: rohanchkrabrty

apps/www/tsconfig.json

@@ -2,11 +2,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "ESNext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -20,26 +16,16 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
-      "@/.source": [
-        "./.source/index.ts"
-      ],
-      "@/*": [
-        "./src/*"
-      ]
+      "react": ["node_modules/@types/react"],
+      "@/.source": ["./.source/index.ts"],
+      "@/*": ["./src/*"]
     },
     "plugins": [
       {
         "name": "next"
       }
     ]
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

packages/raystack/package.json

@@ -76,8 +76,8 @@
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.2.12",
-    "@types/react-select": "^5.0.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "eslint-config-custom": "workspace:*",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
@@ -88,6 +88,8 @@
     "postcss": "^8.4.24",
     "postcss-import": "^16.1.0",
     "postcss-modules": "^6.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "release-it": "^16.2.1",
     "rollup": "^3.25.1",
     "rollup-plugin-postcss": "^4.0.2",
@@ -99,17 +101,26 @@
   },
   "dependencies": {
     "@ariakit/react": "^0.4.16",
-    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/match-sorter-utils": "^8.8.4",
     "@tanstack/react-table": "^8.9.2",
     "@tanstack/table-core": "^8.9.2",
     "class-variance-authority": "^0.7.1",
-    "cmdk": "^0.2.0",
+    "cmdk": "^1.1.1",
     "color": "^5.0.0",
     "dayjs": "^1.11.11",
     "radix-ui": "^1.4.2",
-    "react": "^18.2.0",
     "react-day-picker": "^9.6.7",
-    "sonner": "^1.5.0"
+    "sonner": "^2.0.6"
+  },
+  "peerDependencies": {
+    "@types/react": "^18 || ^19",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   }
 }

packages/raystack/rollup.config.mjs

@@ -98,7 +98,7 @@ const rollupConfig = configs.map(conf => {
         preserveModulesRoot: conf.inputPath
       }
     ],
-    external: ['react', 'react-dom'],
+    external: ['react', 'react-dom', 'react-dom/client', 'react/jsx-runtime'],
     plugins: createPlugins({
       rootDir: conf.inputPath,
       declarationDir: conf.outputPath