fix types for real

Author: jahooma

bun.lock

@@ -25,16 +25,20 @@
     "next-auth": "^4.24.11",
     "next-themes": "^0.3.0",
     "pino": "^9.6.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "tailwind-merge": "^2.5.2",
     "zod": "^4.2.1"
   },
+  "overrides": {
+    "@types/react": "$@types/react",
+    "@types/react-dom": "$@types/react-dom"
+  },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^22.14.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@types/react": "18.3.26",
+    "@types/react-dom": "18.3.7",
     "autoprefixer": "^10.4.21",
     "postcss": "^8",
     "tailwindcss": "^3.4.11",

freebuff/web/package.json

@@ -2,7 +2,12 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "target": "ES2022",
-    "types": ["bun", "node"]
+    "types": ["bun", "node"],
+    "baseUrl": ".",
+    "paths": {
+      "drizzle-orm": ["../internal/node_modules/drizzle-orm"],
+      "drizzle-orm/*": ["../internal/node_modules/drizzle-orm/*"]
+    }
   },
   "include": ["src/**/*.ts"],
   "exclude": ["node_modules"]

packages/billing/tsconfig.json

@@ -5,7 +5,9 @@
     "baseUrl": "..",
     "paths": {
       "@codebuff/sdk": ["./sdk/src/index.ts"],
-      "@codebuff/sdk/*": ["./sdk/src/*"]
+      "@codebuff/sdk/*": ["./sdk/src/*"],
+      "drizzle-orm": ["./packages/internal/node_modules/drizzle-orm"],
+      "drizzle-orm/*": ["./packages/internal/node_modules/drizzle-orm/*"]
     }
   },
   "include": ["**/*.ts"],

scripts/tsconfig.json

@@ -8,7 +8,6 @@ import {
 import Link from 'next/link'
 import { useSession } from 'next-auth/react'
 import React, { useEffect, useState, useCallback, useActionState } from 'react'
-import { useFormStatus } from 'react-dom'
 
 import { setAffiliateHandleAction } from './actions'
 
@@ -29,8 +28,7 @@ import { Label } from '@/components/ui/label'
 import { Skeleton } from '@/components/ui/skeleton'
 import { useToast } from '@/components/ui/use-toast'
 
-function SubmitButton() {
-  const { pending } = useFormStatus()
+function SubmitButton({ pending }: { pending: boolean }) {
   return (
     <Button type="submit" disabled={pending} aria-disabled={pending}>
       {pending ? 'Setting Handle...' : 'Set Handle'}
@@ -49,7 +47,7 @@ function SetHandleForm({
     success: false,
     fieldErrors: {},
   }
-  const [state, formAction] = useActionState(
+  const [state, formAction, isPending] = useActionState(
     setAffiliateHandleAction,
     initialState,
   )
@@ -100,7 +98,7 @@ function SetHandleForm({
           <p className="text-sm text-red-600 mt-1">{state.message}</p>
         )}
       </div>
-      <SubmitButton />
+      <SubmitButton pending={isPending} />
     </form>
   )
 }

web/src/app/affiliates/affiliates-client.tsx

@@ -24,7 +24,9 @@
     "paths": {
       "@/*": ["./src/*"],
       "@codebuff/sdk": ["../sdk/src/index.ts"],
-      "@codebuff/sdk/*": ["../sdk/src/*"]
+      "@codebuff/sdk/*": ["../sdk/src/*"],
+      "drizzle-orm": ["../packages/internal/node_modules/drizzle-orm"],
+      "drizzle-orm/*": ["../packages/internal/node_modules/drizzle-orm/*"]
     }
   },
   "include": [