Chore: force Zod v3, replace deprecated Supabase vars in local dev, updated Dev Tool (#425)

* - Replaced Supabase local environment variables - Updates packages - Force Zod v3 if peer deps require Zod v4 - Updated Dev Tool * Use correct field for pnpm overrides * Fix inaccuracies in the Agents files; fix type casting in `useForm` * Updated lock file * Be more specific when intercepting POST request in flaky e2e test
2025-12-13 12:20:15 +08:00
parent cba62d21ae
commit 9681e1f90b
31 changed files with 414 additions and 410 deletions
--- a/packages/billing/gateway/package.json
+++ b/packages/billing/gateway/package.json
@@ -29,11 +29,11 @@
    "@supabase/supabase-js": "catalog:",
    "@types/react": "catalog:",
    "date-fns": "^4.1.0",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "next": "catalog:",
    "react": "catalog:",
    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
    "zod": "catalog:"
  },
  "typesVersions": {
--- a/packages/features/accounts/package.json
+++ b/packages/features/accounts/package.json
@@ -38,13 +38,13 @@
    "@tanstack/react-query": "catalog:",
    "@types/react": "catalog:",
    "@types/react-dom": "catalog:",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "next": "catalog:",
    "next-themes": "0.4.6",
    "react": "catalog:",
    "react-dom": "catalog:",
    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
    "zod": "catalog:"
  },
  "prettier": "@kit/prettier-config",
--- a/packages/features/admin/package.json
+++ b/packages/features/admin/package.json
@@ -24,7 +24,7 @@
    "@tanstack/react-query": "catalog:",
    "@tanstack/react-table": "^8.21.3",
    "@types/react": "catalog:",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "next": "catalog:",
    "react": "catalog:",
    "react-dom": "catalog:",
--- a/packages/features/admin/src/components/admin-create-user-dialog.tsx
+++ b/packages/features/admin/src/components/admin-create-user-dialog.tsx
@@ -42,7 +42,7 @@ export function AdminCreateUserDialog(props: React.PropsWithChildren) {
  const [error, setError] = useState<string | null>(null);
  const [open, setOpen] = useState(false);

-  const form = useForm<CreateUserSchemaType>({
+  const form = useForm({
    resolver: zodResolver(CreateUserSchema),
    defaultValues: {
      email: '',
--- a/packages/features/auth/package.json
+++ b/packages/features/auth/package.json
@@ -32,10 +32,10 @@
    "@supabase/supabase-js": "catalog:",
    "@tanstack/react-query": "catalog:",
    "@types/react": "catalog:",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "next": "catalog:",
    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
    "sonner": "^2.0.7",
    "zod": "catalog:"
  },
--- a/packages/features/auth/src/components/password-reset-request-container.tsx
+++ b/packages/features/auth/src/components/password-reset-request-container.tsx
@@ -39,7 +39,7 @@ export function PasswordResetRequestContainer(params: {
  const error = resetPasswordMutation.error;
  const success = resetPasswordMutation.data;

-  const form = useForm<z.infer<typeof PasswordResetSchema>>({
+  const form = useForm({
    resolver: zodResolver(PasswordResetSchema),
    defaultValues: {
      email: '',
--- a/packages/features/auth/src/components/password-sign-in-form.tsx
+++ b/packages/features/auth/src/components/password-sign-in-form.tsx
@@ -40,7 +40,7 @@ export function PasswordSignInForm({
 }) {
  const { t } = useTranslation('auth');

-  const form = useForm<z.infer<typeof PasswordSignInSchema>>({
+  const form = useForm({
    resolver: zodResolver(PasswordSignInSchema),
    defaultValues: {
      email: '',
--- a/packages/features/auth/src/components/update-password-form.tsx
+++ b/packages/features/auth/src/components/update-password-form.tsx
@@ -7,7 +7,6 @@ import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
-import type { z } from 'zod';

 import { useUpdateUser } from '@kit/supabase/hooks/use-update-user-mutation';
 import { Alert, AlertDescription, AlertTitle } from '@kit/ui/alert';
@@ -34,7 +33,7 @@ export function UpdatePasswordForm(params: {
  const router = useRouter();
  const { t } = useTranslation();

-  const form = useForm<z.infer<typeof PasswordResetSchema>>({
+  const form = useForm({
    resolver: zodResolver(PasswordResetSchema),
    defaultValues: {
      password: '',
--- a/packages/features/notifications/package.json
+++ b/packages/features/notifications/package.json
@@ -22,10 +22,10 @@
    "@supabase/supabase-js": "catalog:",
    "@tanstack/react-query": "catalog:",
    "@types/react": "catalog:",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "react": "catalog:",
    "react-dom": "catalog:",
-    "react-i18next": "^16.4.0"
+    "react-i18next": "^16.5.0"
  },
  "prettier": "@kit/prettier-config",
  "typesVersions": {
--- a/packages/features/team-accounts/package.json
+++ b/packages/features/team-accounts/package.json
@@ -43,12 +43,12 @@
    "@types/react-dom": "catalog:",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "next": "catalog:",
    "react": "catalog:",
    "react-dom": "catalog:",
    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
    "zod": "catalog:"
  },
  "prettier": "@kit/prettier-config",
--- a/packages/features/team-accounts/src/components/create-team-account-dialog.tsx
+++ b/packages/features/team-accounts/src/components/create-team-account-dialog.tsx
@@ -6,7 +6,6 @@ import { isRedirectError } from 'next/dist/client/components/redirect-error';

 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
-import { z } from 'zod';

 import { Alert, AlertDescription, AlertTitle } from '@kit/ui/alert';
 import { Button } from '@kit/ui/button';
@@ -65,7 +64,7 @@ function CreateOrganizationAccountForm(props: { onClose: () => void }) {
  const [error, setError] = useState<boolean>();
  const [pending, startTransition] = useTransition();

-  const form = useForm<z.infer<typeof CreateTeamSchema>>({
+  const form = useForm({
    defaultValues: {
      name: '',
    },
--- a/packages/features/team-accounts/src/components/members/transfer-ownership-dialog.tsx
+++ b/packages/features/team-accounts/src/components/members/transfer-ownership-dialog.tsx
@@ -75,11 +75,7 @@ function TransferOrganizationOwnershipForm({
  const [error, setError] = useState<boolean>();
  const { data: user } = useUser();

-  const form = useForm<{
-    accountId: string;
-    userId: string;
-    otp: string;
-  }>({
+  const form = useForm({
    resolver: zodResolver(TransferOwnershipConfirmationSchema),
    defaultValues: {
      accountId,
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -24,7 +24,7 @@
    "next": "catalog:",
    "react": "catalog:",
    "react-dom": "catalog:",
-    "react-i18next": "^16.4.0"
+    "react-i18next": "^16.5.0"
  },
  "dependencies": {
    "i18next": "25.7.2",
--- a/packages/monitoring/sentry/package.json
+++ b/packages/monitoring/sentry/package.json
@@ -16,7 +16,7 @@
    "./config/server": "./src/sentry.client.server.ts"
  },
  "dependencies": {
-    "@sentry/nextjs": "^10.29.0"
+    "@sentry/nextjs": "^10.30.0"
  },
  "devDependencies": {
    "@kit/eslint-config": "workspace:*",
--- a/packages/otp/src/components/verify-otp-form.tsx
+++ b/packages/otp/src/components/verify-otp-form.tsx
@@ -69,7 +69,7 @@ export function VerifyOtpForm({
  const [, setVerificationSuccess] = useState(false);

  // Email form
-  const emailForm = useForm<z.infer<typeof SendOtpSchema>>({
+  const emailForm = useForm({
    resolver: zodResolver(SendOtpSchema),
    defaultValues: {
      email,
@@ -77,7 +77,7 @@ export function VerifyOtpForm({
  });

  // OTP verification form
-  const otpForm = useForm<z.infer<typeof VerifyOtpSchema>>({
+  const otpForm = useForm({
    resolver: zodResolver(VerifyOtpSchema),
    defaultValues: {
      otp: '',
--- a/packages/shared/src/utils.ts
+++ b/packages/shared/src/utils.ts
@@ -60,4 +60,4 @@ export function getSafeRedirectPath(
  }

  return fallback;
-}
+}
--- a/packages/ui/AGENTS.md
+++ b/packages/ui/AGENTS.md
@@ -24,10 +24,10 @@ NB: imports must follow the convention "@kit/ui/<name>", no matter the folder th

 - Use **Tailwind CSS v4** with semantic classes
 - Prefer Shadcn-ui classes like `bg-background`, `text-muted-foreground`
- Use `cn()` utility from `@kit/ui/cn` for class merging
+- Use `cn()` utility from `@kit/ui/utils` for class merging

 ```tsx
-import { cn } from '@kit/ui/cn';
+import { cn } from '@kit/ui/utils';

 function MyComponent({ className }) {
  return (
--- a/packages/ui/CLAUDE.md
+++ b/packages/ui/CLAUDE.md
@@ -21,10 +21,10 @@ import { Trans } from '@kit/ui/trans';

 - Use **Tailwind CSS v4** with semantic classes
 - Prefer Shadcn-ui classes like `bg-background`, `text-muted-foreground`
- Use `cn()` utility from `@kit/ui/cn` for class merging
+- Use `cn()` utility from `@kit/ui/utils` for class merging

 ```tsx
-import { cn } from '@kit/ui/cn';
+import { cn } from '@kit/ui/utils';

 function MyComponent({ className }) {
  return (
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -14,7 +14,7 @@
    "clsx": "^2.1.1",
    "cmdk": "1.1.1",
    "input-otp": "1.4.2",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
    "radix-ui": "1.4.3",
    "react-dropzone": "^14.3.8",
    "react-top-loading-bar": "3.0.2",
@@ -38,7 +38,7 @@
    "prettier": "^3.7.4",
    "react-day-picker": "^9.12.0",
    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
    "sonner": "^2.0.7",
    "tailwindcss": "catalog:",
    "tailwindcss-animate": "^1.0.7",
--- a/packages/ui/src/makerkit/marketing/newsletter-signup.tsx
+++ b/packages/ui/src/makerkit/marketing/newsletter-signup.tsx
@@ -34,7 +34,7 @@ export function NewsletterSignup({
  className,
  ...props
 }: NewsletterSignupProps) {
-  const form = useForm<NewsletterFormValues>({
+  const form = useForm({
    resolver: zodResolver(NewsletterFormSchema),
    defaultValues: {
      email: '',