chore(react): Rework tsconfig setup

Author: Ehesp

packages/react/src/auth/forms/email-link-auth-form.tsx

@@ -62,7 +62,7 @@ export function useEmailLinkAuthForm(onSuccess?: EmailLinkAuthFormProps["onEmail
       onSubmitAsync: async ({ value }) => {
         try {
           await action(value);
-          onSuccess?.();
+          return onSuccess?.();
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }

packages/react/src/auth/forms/forgot-password-auth-form.tsx

@@ -61,7 +61,7 @@ export function useForgotPasswordAuthForm(onSuccess?: ForgotPasswordAuthFormProp
       onSubmitAsync: async ({ value }) => {
         try {
           await action(value);
-          onSuccess?.();
+          return onSuccess?.();
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }

packages/react/src/auth/forms/phone-auth-form.tsx

@@ -118,7 +118,7 @@ function PhoneNumberForm({ onSubmit, recaptchaVerifier, recaptchaContainerRef }:
       onSubmitAsync: async ({ value }) => {
         try {
           const formattedNumber = formatPhoneNumberWithCountry(value.phoneNumber, selectedCountry);
-          await onSubmit(formattedNumber);
+          return await onSubmit(formattedNumber);
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }
@@ -259,7 +259,7 @@ function VerificationForm({
       onSubmit: verificationFormSchema,
       onSubmitAsync: async ({ value }) => {
         try {
-          await onSubmit(value.verificationCode);
+          return await onSubmit(value.verificationCode);
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }

packages/react/src/auth/forms/sign-in-auth-form.tsx

@@ -64,7 +64,7 @@ export function useSignInAuthForm(onSuccess?: SignInAuthFormProps["onSignIn"]) {
       onSubmitAsync: async ({ value }) => {
         try {
           const credential = await action(value);
-          onSuccess?.(credential);
+          return onSuccess?.(credential);
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }

packages/react/src/auth/forms/sign-up-auth-form.tsx

@@ -63,7 +63,7 @@ export function useSignUpAuthForm(onSuccess?: SignUpAuthFormProps["onSignUp"]) {
       onSubmitAsync: async ({ value }) => {
         try {
           const credential = await action(value);
-          onSuccess?.(credential);
+          return onSuccess?.(credential);
         } catch (error) {
           return error instanceof Error ? error.message : String(error);
         }

packages/react/src/components/form.tsx

@@ -63,8 +63,8 @@ function ErrorMessage() {
   return (
     <form.Subscribe selector={(state) => [state.errorMap]}>
       {([errorMap]) => {
-        if (errorMap.onSubmit) {
-          return <div className="fui-form__error">{errorMap.onSubmit.toString()}</div>;
+        if (errorMap?.onSubmit) {
+          return <div className="fui-form__error">{String(errorMap.onSubmit)}</div>;
         }
 
         return null;

packages/react/tsconfig.json

@@ -1,33 +1,14 @@
 {
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "types": ["@testing-library/jest-dom"],
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
+    "moduleResolution": "Bundler",
     "paths": {
       "~/*": ["./src/*"],
       "~/tests/*": ["./tests/*"],
       "@firebase-ui/core": ["../core/src/index.ts"],
       "@firebase-ui/styles": ["../styles/src/index.ts"]
     }
   },
-  "include": ["src", "vite.config.ts", "tests", "./setup-test.ts"]
+  "include": ["src", "eslint.config.js", "vite.config.ts", "setup-test.ts"]
 }

packages/react/vite.config.ts

@@ -25,6 +25,7 @@ export default defineConfig({
   resolve: {
     alias: {
       "@firebase-ui/core": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../core/src"),
+      "@firebase-ui/styles": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../styles/src"),
       "~/tests": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "./tests"),
       "~": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "./src"),
     },