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

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",

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:",

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: '',

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:"
   },

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: '',

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: '',

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: '',

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": {

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",

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: '',
     },

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,