diff --git a/app/src/app.tsx b/app/src/app.tsx
index 93961fe754f..d8fdf8aacfe 100644
--- a/app/src/app.tsx
+++ b/app/src/app.tsx
@@ -118,4 +118,4 @@ const App: React.FC = () => {
   );
 };
 
-export default App;
+export const app = App;
diff --git a/app/src/autoUnregister.tsx b/app/src/autoUnregister.tsx
index b0101fbc816..c6d57e6af22 100644
--- a/app/src/autoUnregister.tsx
+++ b/app/src/autoUnregister.tsx
@@ -8,7 +8,7 @@ const options = [
   { value: 'vanilla', label: 'Vanilla' },
 ];
 
-export default function AutoUnregister() {
+export function AutoUnregister() {
   const { register, control, handleSubmit } = useForm<{
     test: string;
     test1: string;
diff --git a/app/src/basic.tsx b/app/src/basic.tsx
index 4b33d3b7fc9..5a87db6f2ad 100644
--- a/app/src/basic.tsx
+++ b/app/src/basic.tsx
@@ -166,4 +166,4 @@ const Basic: React.FC = () => {
   );
 };
 
-export default Basic;
+export const basic = Basic;
diff --git a/app/src/basicSchemaValidation.tsx b/app/src/basicSchemaValidation.tsx
index 619668d5a7c..f8862401759 100644
--- a/app/src/basicSchemaValidation.tsx
+++ b/app/src/basicSchemaValidation.tsx
@@ -110,4 +110,4 @@ const BasicSchemaValidation: React.FC = () => {
   );
 };
 
-export default BasicSchemaValidation;
+export const basicSchemaValidation = BasicSchemaValidation;
diff --git a/app/src/conditionalField.tsx b/app/src/conditionalField.tsx
index 05eda6f497a..3e2389a9e4c 100644
--- a/app/src/conditionalField.tsx
+++ b/app/src/conditionalField.tsx
@@ -102,4 +102,4 @@ const ConditionalField: React.FC = () => {
   );
 };
 
-export default ConditionalField;
+export const conditionalField = ConditionalField;
diff --git a/app/src/controller.tsx b/app/src/controller.tsx
index 8d15e770d9d..5b8a070e710 100644
--- a/app/src/controller.tsx
+++ b/app/src/controller.tsx
@@ -43,7 +43,7 @@ type Form = {
 
 const PureReactSelect = React.memo(ReactSelect);
 
-export default function Field() {
+export function Field() {
   const { mode } = useParams();
   const methods = useForm<Form>({
     defaultValues,
diff --git a/app/src/crossFrameForm.tsx b/app/src/crossFrameForm.tsx
index 9829e87aed6..3de055000c9 100644
--- a/app/src/crossFrameForm.tsx
+++ b/app/src/crossFrameForm.tsx
@@ -80,4 +80,4 @@ const FrameForm: React.FC = () => {
   );
 };
 
-export default CrossFrameForm;
+export const crossFrameForm = CrossFrameForm;
diff --git a/app/src/customSchemaValidation.tsx b/app/src/customSchemaValidation.tsx
index 4e2758f6422..990f5cdd425 100644
--- a/app/src/customSchemaValidation.tsx
+++ b/app/src/customSchemaValidation.tsx
@@ -114,4 +114,4 @@ const BasicSchemaValidation: React.FC = () => {
   );
 };
 
-export default BasicSchemaValidation;
+export const customSchemaValidation = BasicSchemaValidation;
diff --git a/app/src/defaultValues.tsx b/app/src/defaultValues.tsx
index 388c88d05b1..2f59371632e 100644
--- a/app/src/defaultValues.tsx
+++ b/app/src/defaultValues.tsx
@@ -48,4 +48,4 @@ function DefaultValues() {
   );
 }
 
-export default DefaultValues;
+export const defaultValues = DefaultValues;
diff --git a/app/src/formState.tsx b/app/src/formState.tsx
index 53833bd23f5..b16a33551c8 100644
--- a/app/src/formState.tsx
+++ b/app/src/formState.tsx
@@ -87,4 +87,4 @@ const FormState = () => {
   );
 };
 
-export default FormState;
+export const formState = FormState;
diff --git a/app/src/formStateWithNestedFields.tsx b/app/src/formStateWithNestedFields.tsx
index 94b82e3b313..5df783cd18f 100644
--- a/app/src/formStateWithNestedFields.tsx
+++ b/app/src/formStateWithNestedFields.tsx
@@ -104,4 +104,4 @@ const FormStateWithNestedFields = () => {
   );
 };
 
-export default FormStateWithNestedFields;
+export const formStateWithNestedFields = FormStateWithNestedFields;
diff --git a/app/src/formStateWithSchema.tsx b/app/src/formStateWithSchema.tsx
index 5d73b60ebf2..b4e44b2e2d0 100644
--- a/app/src/formStateWithSchema.tsx
+++ b/app/src/formStateWithSchema.tsx
@@ -91,4 +91,4 @@ const FormStateWithSchema: React.FC = () => {
   );
 };
 
-export default FormStateWithSchema;
+export const formStateWithSchema = FormStateWithSchema;
diff --git a/app/src/isValid.tsx b/app/src/isValid.tsx
index 3c7fdd6eb7c..ed9c6609ab2 100644
--- a/app/src/isValid.tsx
+++ b/app/src/isValid.tsx
@@ -104,4 +104,4 @@ const IsValid: React.FC = () => {
   );
 };
 
-export default IsValid;
+export const isValid = IsValid;
diff --git a/app/src/manualRegisterForm.tsx b/app/src/manualRegisterForm.tsx
index e2c6903ac4a..e6af233e0fc 100644
--- a/app/src/manualRegisterForm.tsx
+++ b/app/src/manualRegisterForm.tsx
@@ -214,4 +214,4 @@ const ManualRegisterForm: React.FC = () => {
   );
 };
 
-export default ManualRegisterForm;
+export const manualRegisterForm = ManualRegisterForm;
diff --git a/app/src/reValidateMode.tsx b/app/src/reValidateMode.tsx
index 62a384badbf..7a5dedee21d 100644
--- a/app/src/reValidateMode.tsx
+++ b/app/src/reValidateMode.tsx
@@ -40,4 +40,4 @@ const Basic: React.FC = () => {
   );
 };
 
-export default Basic;
+export const reValidateMode = Basic;
diff --git a/app/src/reset.tsx b/app/src/reset.tsx
index a7faa065d2a..cbcc717e3ba 100644
--- a/app/src/reset.tsx
+++ b/app/src/reset.tsx
@@ -48,4 +48,4 @@ function Reset() {
   );
 }
 
-export default Reset;
+export const reset = Reset;
diff --git a/app/src/setError.tsx b/app/src/setError.tsx
index 860ea488bd9..2ea1204ed13 100644
--- a/app/src/setError.tsx
+++ b/app/src/setError.tsx
@@ -116,4 +116,4 @@ const SetError: React.FC = () => {
   );
 };
 
-export default SetError;
+export const setError = SetError;
diff --git a/app/src/setFocus.tsx b/app/src/setFocus.tsx
index be388b68e9b..2c83f9e13a1 100644
--- a/app/src/setFocus.tsx
+++ b/app/src/setFocus.tsx
@@ -70,4 +70,4 @@ const SetFocus = () => {
   );
 };
 
-export default SetFocus;
+export const setFocus = SetFocus;
diff --git a/app/src/setValue.tsx b/app/src/setValue.tsx
index 3869236820d..5d78ef0853e 100644
--- a/app/src/setValue.tsx
+++ b/app/src/setValue.tsx
@@ -141,4 +141,4 @@ const SetValue: React.FC = () => {
   );
 };
 
-export default SetValue;
+export const setValue = SetValue;
diff --git a/app/src/setValueCustomRegister.tsx b/app/src/setValueCustomRegister.tsx
index af7496e2511..7ee4cbbecc8 100644
--- a/app/src/setValueCustomRegister.tsx
+++ b/app/src/setValueCustomRegister.tsx
@@ -68,4 +68,4 @@ const SetValueCustomRegister: React.FC = () => {
   );
 };
 
-export default SetValueCustomRegister;
+export const setValueCustomRegister = SetValueCustomRegister;
diff --git a/app/src/setValueStrictMode.tsx b/app/src/setValueStrictMode.tsx
index 5319ce63335..08eb3782505 100644
--- a/app/src/setValueStrictMode.tsx
+++ b/app/src/setValueStrictMode.tsx
@@ -49,4 +49,4 @@ const SetValueAsyncStrictMode = () => {
   );
 };
 
-export default SetValueAsyncStrictMode;
+export const setValueStrictMode = SetValueAsyncStrictMode;
diff --git a/app/src/setValueWithSchema.tsx b/app/src/setValueWithSchema.tsx
index bcdca78e2dd..a3464965fe1 100644
--- a/app/src/setValueWithSchema.tsx
+++ b/app/src/setValueWithSchema.tsx
@@ -102,4 +102,4 @@ const SetValueWithSchema: React.FC = () => {
   );
 };
 
-export default SetValueWithSchema;
+export const setValueWithSchema = SetValueWithSchema;
diff --git a/app/src/setValueWithTrigger.tsx b/app/src/setValueWithTrigger.tsx
index 4a05542bd49..cf137693e81 100644
--- a/app/src/setValueWithTrigger.tsx
+++ b/app/src/setValueWithTrigger.tsx
@@ -71,4 +71,4 @@ const SetValueWithTrigger: React.FC = () => {
   );
 };
 
-export default SetValueWithTrigger;
+export const setValueWithTrigger = SetValueWithTrigger;
diff --git a/app/src/test.tsx b/app/src/test.tsx
index 9a333d384f5..582e26a35bb 100644
--- a/app/src/test.tsx
+++ b/app/src/test.tsx
@@ -79,4 +79,4 @@ const Component = () => {
   );
 };
 
-export default Component;
+export const test = Component;
diff --git a/app/src/triggerValidation.tsx b/app/src/triggerValidation.tsx
index e640047b621..b5a0fb855be 100644
--- a/app/src/triggerValidation.tsx
+++ b/app/src/triggerValidation.tsx
@@ -44,4 +44,4 @@ function TriggerValidation() {
   );
 }
 
-export default TriggerValidation;
+export const triggerValidation = TriggerValidation;
diff --git a/app/src/useFieldArray.tsx b/app/src/useFieldArray.tsx
index 072e0b39528..77c26ba761e 100644
--- a/app/src/useFieldArray.tsx
+++ b/app/src/useFieldArray.tsx
@@ -332,4 +332,4 @@ const UseFieldArray: React.FC = () => {
   );
 };
 
-export default UseFieldArray;
+export const useFieldArray = UseFieldArray;
diff --git a/app/src/useFieldArrayNested.tsx b/app/src/useFieldArrayNested.tsx
index 8ace90a8a2d..57d961d4d83 100644
--- a/app/src/useFieldArrayNested.tsx
+++ b/app/src/useFieldArrayNested.tsx
@@ -118,7 +118,7 @@ function NestedArray({
   );
 }
 
-export default () => {
+export const useFieldArrayNested = () => {
   const { register, control, reset, setValue, handleSubmit } =
     useForm<FormValues>({
       defaultValues: {
diff --git a/app/src/useFieldArrayUnregister.tsx b/app/src/useFieldArrayUnregister.tsx
index f990118407b..8d67d9d7431 100644
--- a/app/src/useFieldArrayUnregister.tsx
+++ b/app/src/useFieldArrayUnregister.tsx
@@ -172,4 +172,4 @@ const UseFieldArrayUnregister: React.FC = () => {
   );
 };
 
-export default UseFieldArrayUnregister;
+export const useFieldArrayUnregister = UseFieldArrayUnregister;
diff --git a/app/src/useFormState.tsx b/app/src/useFormState.tsx
index 1e4ace88fb8..b6594ce179c 100644
--- a/app/src/useFormState.tsx
+++ b/app/src/useFormState.tsx
@@ -50,7 +50,7 @@ const SubForm = ({ control }: { control: Control<FormInputs> }) => {
   );
 };
 
-export const UseFormState: React.FC = () => {
+export const useFormState = const UseFormState: React.FC = () => {
   const { register, handleSubmit, control, reset } = useForm<FormInputs>({
     mode: 'onChange',
   });
diff --git a/app/src/useWatch.tsx b/app/src/useWatch.tsx
index 08bacdca43b..93ae2163d54 100644
--- a/app/src/useWatch.tsx
+++ b/app/src/useWatch.tsx
@@ -103,7 +103,7 @@ const Child = ({ control }: { control: Control<FormInputs> }) => {
   );
 };
 
-export default () => {
+export const useWatch = () => {
   const { register, control } = useForm<FormInputs>();
 
   counter++;
diff --git a/app/src/useWatchUseFieldArrayNested.tsx b/app/src/useWatchUseFieldArrayNested.tsx
index aaab43e1b66..540e33be328 100644
--- a/app/src/useWatchUseFieldArrayNested.tsx
+++ b/app/src/useWatchUseFieldArrayNested.tsx
@@ -118,7 +118,7 @@ function NestedArray({
   );
 }
 
-export default () => {
+export const useWatchUseFieldArrayNested = () => {
   const { register, control, reset, setValue, handleSubmit } =
     useForm<FormValues>({
       defaultValues: {
diff --git a/app/src/validateFieldCriteria.tsx b/app/src/validateFieldCriteria.tsx
index 0ce78d449cd..191c62447ca 100644
--- a/app/src/validateFieldCriteria.tsx
+++ b/app/src/validateFieldCriteria.tsx
@@ -190,4 +190,4 @@ const ValidateFieldCriteria: React.FC = () => {
   );
 };
 
-export default ValidateFieldCriteria;
+export const validateFieldCriteria = ValidateFieldCriteria;
diff --git a/app/src/watch.tsx b/app/src/watch.tsx
index 38c1d7b6265..ddbce6eb0a6 100644
--- a/app/src/watch.tsx
+++ b/app/src/watch.tsx
@@ -53,4 +53,4 @@ const Watch: React.FC = () => {
   );
 };
 
-export default Watch;
+export const watch = Watch;
diff --git a/app/src/watchDefaultValues.tsx b/app/src/watchDefaultValues.tsx
index 5c9d359f01a..25e5bdb386b 100644
--- a/app/src/watchDefaultValues.tsx
+++ b/app/src/watchDefaultValues.tsx
@@ -42,4 +42,4 @@ function WatchDefaultValues() {
   );
 }
 
-export default WatchDefaultValues;
+export const watchDefaultValues = WatchDefaultValues;
diff --git a/app/src/watchUseFieldArray.tsx b/app/src/watchUseFieldArray.tsx
index a810f372eeb..b714aa5d954 100644
--- a/app/src/watchUseFieldArray.tsx
+++ b/app/src/watchUseFieldArray.tsx
@@ -113,4 +113,4 @@ const WatchUseFieldArray: React.FC = () => {
   );
 };
 
-export default WatchUseFieldArray;
+export const watchUseFieldArray = WatchUseFieldArray;
diff --git a/app/src/watchUseFieldArrayNested.tsx b/app/src/watchUseFieldArrayNested.tsx
index 4bae5d522bb..70ae8f7f17f 100644
--- a/app/src/watchUseFieldArrayNested.tsx
+++ b/app/src/watchUseFieldArrayNested.tsx
@@ -106,7 +106,7 @@ function NestedArray({
   );
 }
 
-export default () => {
+export const watchUseFieldArrayNested = () => {
   const { register, control, reset, setValue, handleSubmit, watch } =
     useForm<FormValues>({
       defaultValues: {
diff --git a/app/src/welcome/index.tsx b/app/src/welcome/index.tsx
index 29e699285d5..5c4a2ed2241 100644
--- a/app/src/welcome/index.tsx
+++ b/app/src/welcome/index.tsx
@@ -246,4 +246,4 @@ const Component: React.FC = () => {
   );
 };
 
-export default Component;
+export const index = Component;
diff --git a/app/src/welcome/styles.ts b/app/src/welcome/styles.ts
index efc5cb92145..8549a22d661 100644
--- a/app/src/welcome/styles.ts
+++ b/app/src/welcome/styles.ts
@@ -1,4 +1,4 @@
-export const page: object = {
+export const styles = const page: object = {
   minHeight: '100vh',
   color: 'white',
   padding: '1rem',
@@ -6,33 +6,33 @@ export const page: object = {
     'Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif',
 };
 
-export const h1: object = {
+export const styles = const h1: object = {
   fontSize: '4rem',
   fontWeight: '600',
   textAlign: 'center',
   marginBottom: '1rem',
 };
 
-export const h2: object = {
+export const styles = const h2: object = {
   color: '#ec5990',
   marginBottom: '2rem',
   fontSize: '1.5rem',
   textAlign: 'center',
 };
 
-export const items: object = {
+export const styles = const items: object = {
   display: 'grid',
   gap: '1rem',
   gridTemplateColumns: '1fr 1fr 1fr',
 };
 
-export const item: object = {
+export const styles = const item: object = {
   border: '1px solid #516391',
   padding: '1rem',
   background: '#0f111d',
 };
 
-export const title: object = {
+export const styles = const title: object = {
   fontSize: '1.5rem',
   fontWeight: '600',
   marginBottom: '.5rem',
@@ -40,13 +40,13 @@ export const title: object = {
   borderBottom: '1px solid #ec5990',
 };
 
-export const description: object = {
+export const styles = const description: object = {
   fontSize: '1rem',
   fontWeight: '300',
   marginBottom: '.5rem',
 };
 
-export const slug: object = {
+export const styles = const slug: object = {
   fontSize: '.875rem',
   color: '#ec5990',
   display: 'block',
diff --git a/app/vite.config.ts b/app/vite.config.ts
index 9ca0d8c3913..e8077d31e23 100644
--- a/app/vite.config.ts
+++ b/app/vite.config.ts
@@ -2,6 +2,6 @@ import reactPlugin from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export const vite = defineConfig({
   plugins: [reactPlugin()],
 });
diff --git a/cypress.config.ts b/cypress.config.ts
index f474bb12456..3bf3fe29cae 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -2,7 +2,7 @@ import { defineConfig } from 'cypress';
 const cypressReplay = require('@replayio/cypress');
 const fs = require('fs');
 
-export default defineConfig({
+export const cypress = defineConfig({
   video: false,
   e2e: {
     // We've imported your old cypress plugins here.
diff --git a/examples/V6/FieldArray.tsx b/examples/V6/FieldArray.tsx
index ec94521fc31..6b30518dfd8 100644
--- a/examples/V6/FieldArray.tsx
+++ b/examples/V6/FieldArray.tsx
@@ -6,7 +6,7 @@ function createArrayWithNumbers(length) {
   return Array.from({ length }, (_, k) => k);
 }
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm();
   const [size, setSize] = useState(1);
   const onSubmit = (data) => {
diff --git a/examples/V6/asyncFieldValidation.tsx b/examples/V6/asyncFieldValidation.tsx
index c49a8c48f5b..ebdfb37269d 100644
--- a/examples/V6/asyncFieldValidation.tsx
+++ b/examples/V6/asyncFieldValidation.tsx
@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/asyncSetFormValues.tsx b/examples/V6/asyncSetFormValues.tsx
index c14960edc80..ffcdcfc2b3a 100644
--- a/examples/V6/asyncSetFormValues.tsx
+++ b/examples/V6/asyncSetFormValues.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, reset } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/asyncSubmitValidation.tsx b/examples/V6/asyncSubmitValidation.tsx
index 254a54a2b44..41195592e24 100644
--- a/examples/V6/asyncSubmitValidation.tsx
+++ b/examples/V6/asyncSubmitValidation.tsx
@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors, setError } = useForm();
   const onSubmit = async (data) => {
     await sleep(2000);
diff --git a/examples/V6/basic.tsx b/examples/V6/basic.tsx
index 9bc998a8cc9..ce7896a144e 100644
--- a/examples/V6/basic.tsx
+++ b/examples/V6/basic.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/basicValidation.tsx b/examples/V6/basicValidation.tsx
index d1638e12755..af328efde92 100644
--- a/examples/V6/basicValidation.tsx
+++ b/examples/V6/basicValidation.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/conditionalFields.tsx b/examples/V6/conditionalFields.tsx
index df02f6c8303..4a05e749c18 100644
--- a/examples/V6/conditionalFields.tsx
+++ b/examples/V6/conditionalFields.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, watch, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/custom-masked-input.tsx b/examples/V6/custom-masked-input.tsx
index f59e7262a01..4748132083d 100644
--- a/examples/V6/custom-masked-input.tsx
+++ b/examples/V6/custom-masked-input.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
 
-export const maskPhoneNumber = (phone) => {
+export const custom_masked_input = const maskPhoneNumber = (phone) => {
   //Example: 0(999) 999 99 99
   const x = phone
     .replace(/\D/g, '')
@@ -13,7 +13,7 @@ export const maskPhoneNumber = (phone) => {
       }`;
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue } = useForm();
   const onSubmit = (data) => console.log(data);
 
diff --git a/examples/V6/customInput.tsx b/examples/V6/customInput.tsx
index acebe93b061..6a4a3e081bb 100644
--- a/examples/V6/customInput.tsx
+++ b/examples/V6/customInput.tsx
@@ -20,7 +20,7 @@ const MyInput = ({ name, label, register }) => {
   );
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data, null));
diff --git a/examples/V6/customMaskedInputWithController.tsx b/examples/V6/customMaskedInputWithController.tsx
index 19abc66e4c5..5d3ec75c0a3 100644
--- a/examples/V6/customMaskedInputWithController.tsx
+++ b/examples/V6/customMaskedInputWithController.tsx
@@ -4,7 +4,7 @@ import { useForm, Controller } from 'react-hook-form';
 
 import './styles.css';
 
-export const clearTel = (tel) => tel.replace(/[^0-9]/g, '');
+export const customMaskedInputWithController = const clearTel = (tel) => tel.replace(/[^0-9]/g, '');
 
 const isNotFilledTel = (v) => {
   const clearedTel = clearTel(v);
@@ -39,7 +39,7 @@ const onSubmit = (data) => {
   console.log('submit', data);
 };
 
-export default function App() {
+export function App() {
   const { handleSubmit, errors, control } = useForm({
     reValidateMode: 'onSubmit',
   });
diff --git a/examples/V6/customValidation.tsx b/examples/V6/customValidation.tsx
index 2692c8b4b29..a0cf57ab750 100644
--- a/examples/V6/customValidation.tsx
+++ b/examples/V6/customValidation.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/defaultValues.tsx b/examples/V6/defaultValues.tsx
index 7d22dcfe7c5..54cb98f105d 100644
--- a/examples/V6/defaultValues.tsx
+++ b/examples/V6/defaultValues.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm({
     defaultValues: {
       firstName: 'bill',
diff --git a/examples/V6/dirtyTouchedSubmitted.tsx b/examples/V6/dirtyTouchedSubmitted.tsx
index 082fbe89c7b..f110576633d 100644
--- a/examples/V6/dirtyTouchedSubmitted.tsx
+++ b/examples/V6/dirtyTouchedSubmitted.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, formState } = useForm({
     mode: 'onChange',
   });
diff --git a/examples/V6/disableNativeValidation.tsx b/examples/V6/disableNativeValidation.tsx
index 28ffd886890..806738c3138 100644
--- a/examples/V6/disableNativeValidation.tsx
+++ b/examples/V6/disableNativeValidation.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { errors, handleSubmit, register } = useForm();
 
   const onSubmit = (data) => {
diff --git a/examples/V6/formProvider.tsx b/examples/V6/formProvider.tsx
index 946dbed70ac..738f150b002 100644
--- a/examples/V6/formProvider.tsx
+++ b/examples/V6/formProvider.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm, FormProvider, useFormContext } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const methods = useForm();
   const { register, handleSubmit } = methods;
   return (
diff --git a/examples/V6/forwardRefToPassRefProp.tsx b/examples/V6/forwardRefToPassRefProp.tsx
index 1d4894d73d7..a34f37ef539 100644
--- a/examples/V6/forwardRefToPassRefProp.tsx
+++ b/examples/V6/forwardRefToPassRefProp.tsx
@@ -5,7 +5,7 @@ const Input = React.forwardRef(({ name }, ref) => {
   return <input ref={ref} name={name} />;
 });
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data, event) => {
     console.log(data);
diff --git a/examples/V6/getValuesCompareFields.tsx b/examples/V6/getValuesCompareFields.tsx
index b9053eab829..1179f463e5d 100644
--- a/examples/V6/getValuesCompareFields.tsx
+++ b/examples/V6/getValuesCompareFields.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, getValues, handleSubmit } = useForm();
 
   return (
diff --git a/examples/V6/nativeMultipleInput.tsx b/examples/V6/nativeMultipleInput.tsx
index 6d9f1ff6747..c16439fb81b 100644
--- a/examples/V6/nativeMultipleInput.tsx
+++ b/examples/V6/nativeMultipleInput.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm, NestedValue } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm<{
     email: NestedValue<string[]>;
   }>({
diff --git a/examples/V6/nestedFields.tsx b/examples/V6/nestedFields.tsx
index b090188da34..8df026b47f6 100644
--- a/examples/V6/nestedFields.tsx
+++ b/examples/V6/nestedFields.tsx
@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 import FormSection1 from './formSection1';
 import FormSection2 from './formSection2';
 
-export default function Section1({ register }) {
+export function Section1({ register }) {
   return (
     <>
       <div>
@@ -27,7 +27,7 @@ export default function Section1({ register }) {
   );
 }
 
-export default function formSection2({ register }) {
+export function formSection2({ register }) {
   return (
     <>
       <div>
@@ -79,7 +79,7 @@ export default function formSection2({ register }) {
   );
 }
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/parseFormatInputValues.tsx b/examples/V6/parseFormatInputValues.tsx
index 5bfd50497f4..4d111041728 100644
--- a/examples/V6/parseFormatInputValues.tsx
+++ b/examples/V6/parseFormatInputValues.tsx
@@ -14,7 +14,7 @@ const ParseFormatTextarea = ({ value = [], onChange }) => {
   return <textarea onChange={handleChange} value={text} />;
 };
 
-export default function App() {
+export function App() {
   const { control, handleSubmit } = useForm();
   const onSubmit = (data) => {
     console.log(data);
diff --git a/examples/V6/persistInputOnUnmount.tsx b/examples/V6/persistInputOnUnmount.tsx
index b6a0c42cbc5..226366c6940 100644
--- a/examples/V6/persistInputOnUnmount.tsx
+++ b/examples/V6/persistInputOnUnmount.tsx
@@ -35,7 +35,7 @@ function useInputCache(values, causeField, effectField, callback) {
   }, [values, causeField, effectField, callback]);
 }
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue, control } = useForm({
     mode: 'onChange',
     defaultValues: {
diff --git a/examples/V6/registerWithErrorMessages.tsx b/examples/V6/registerWithErrorMessages.tsx
index b98c783f2c2..57095fa9f1b 100644
--- a/examples/V6/registerWithErrorMessages.tsx
+++ b/examples/V6/registerWithErrorMessages.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/remoteTriggerFormSubmit.tsx b/examples/V6/remoteTriggerFormSubmit.tsx
index 1a5ebd62234..bb8bd38c1c7 100644
--- a/examples/V6/remoteTriggerFormSubmit.tsx
+++ b/examples/V6/remoteTriggerFormSubmit.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/resetForm.tsx b/examples/V6/resetForm.tsx
index 15c152bc238..84abf42c235 100644
--- a/examples/V6/resetForm.tsx
+++ b/examples/V6/resetForm.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, reset } = useForm({
     mode: 'onChange',
   });
diff --git a/examples/V6/setValue.tsx b/examples/V6/setValue.tsx
index 44d13dd8df8..7ec74a8d6d9 100644
--- a/examples/V6/setValue.tsx
+++ b/examples/V6/setValue.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V6/triggerFieldValidation.tsx b/examples/V6/triggerFieldValidation.tsx
index 2d44506a07f..0b592b1343a 100644
--- a/examples/V6/triggerFieldValidation.tsx
+++ b/examples/V6/triggerFieldValidation.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, trigger } = useForm();
 
   console.log('errors', errors);
diff --git a/examples/V6/typescript/Control.tsx b/examples/V6/typescript/Control.tsx
index 82c424dd054..b1c41867777 100644
--- a/examples/V6/typescript/Control.tsx
+++ b/examples/V6/typescript/Control.tsx
@@ -16,7 +16,7 @@ function IsolateReRender({ control }: { control: Control }) {
   return <div>{firstName}</div>;
 }
 
-export default function App() {
+export function App() {
   const { register, control, handleSubmit } = useForm<FormValues>();
   const onSubmit = handleSubmit((data) => alert(JSON.stringify(data)));
 
diff --git a/examples/V6/typescript/NestedValue.tsx b/examples/V6/typescript/NestedValue.tsx
index e238338047d..00866e46cd1 100644
--- a/examples/V6/typescript/NestedValue.tsx
+++ b/examples/V6/typescript/NestedValue.tsx
@@ -20,7 +20,7 @@ const options = [
   { label: 'Vanilla', value: 'vanilla' },
 ];
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, watch, setValue, errors } = useForm<{
     autocomplete: NestedValue<Option[]>;
     select: NestedValue<number[]>;
diff --git a/examples/V6/typescript/Resolver.tsx b/examples/V6/typescript/Resolver.tsx
index 78db9902c03..19304c28dea 100644
--- a/examples/V6/typescript/Resolver.tsx
+++ b/examples/V6/typescript/Resolver.tsx
@@ -20,7 +20,7 @@ const resolver: Resolver<FormValues> = async (values) => {
   };
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm<FormValues>({
     resolver: resolver,
   });
diff --git a/examples/V6/typescript/SubmitHandler.tsx b/examples/V6/typescript/SubmitHandler.tsx
index 2caec939da5..3e6644a00c0 100644
--- a/examples/V6/typescript/SubmitHandler.tsx
+++ b/examples/V6/typescript/SubmitHandler.tsx
@@ -7,7 +7,7 @@ type FormValues = {
   email: string;
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm<FormValues>();
   const onSubmit: SubmitHandler<FormValues> = (data) =>
     alert(JSON.stringify(data));
diff --git a/examples/V6/typescript/UseFormMethods.tsx b/examples/V6/typescript/UseFormMethods.tsx
index 158a4ad721e..c9b7b97f4e2 100644
--- a/examples/V6/typescript/UseFormMethods.tsx
+++ b/examples/V6/typescript/UseFormMethods.tsx
@@ -51,7 +51,7 @@ type FormValues = {
   gender: string;
 };
 
-export default function App() {
+export function App() {
   const onSubmit = (data: FormValues) => alert(JSON.stringify(data));
 
   return (
diff --git a/examples/V6/validationOnFieldBlur.tsx b/examples/V6/validationOnFieldBlur.tsx
index 57008451b9e..44dc12dd24e 100644
--- a/examples/V6/validationOnFieldBlur.tsx
+++ b/examples/V6/validationOnFieldBlur.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm({
     mode: 'onBlur',
   });
diff --git a/examples/V6/validationOnFieldChange.tsx b/examples/V6/validationOnFieldChange.tsx
index 2bfa152a904..e8c5ad43955 100644
--- a/examples/V6/validationOnFieldChange.tsx
+++ b/examples/V6/validationOnFieldChange.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, errors, handleSubmit } = useForm({
     mode: 'onChange',
   });
diff --git a/examples/V6/validationSchema.tsx b/examples/V6/validationSchema.tsx
index c3f77066cbf..1a1d4d7f349 100644
--- a/examples/V6/validationSchema.tsx
+++ b/examples/V6/validationSchema.tsx
@@ -9,7 +9,7 @@ const SignupSchema = yup.object().shape({
   website: yup.string().url(),
 });
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm({
     validationSchema: SignupSchema,
   });
diff --git a/examples/V7/FieldArray.tsx b/examples/V7/FieldArray.tsx
index 4d3e1f7e619..4958007a938 100644
--- a/examples/V7/FieldArray.tsx
+++ b/examples/V7/FieldArray.tsx
@@ -6,7 +6,7 @@ function createArrayWithNumbers(length) {
   return Array.from({ length }, (_, i) => i);
 }
 
-export default function App() {
+export function App() {
   const {
     register,
     handleSubmit,
diff --git a/examples/V7/asyncFieldValidation.tsx b/examples/V7/asyncFieldValidation.tsx
index c836443f58b..e6379372c6a 100644
--- a/examples/V7/asyncFieldValidation.tsx
+++ b/examples/V7/asyncFieldValidation.tsx
@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export default function App() {
+export function App() {
   const {
     register,
     handleSubmit,
diff --git a/examples/V7/asyncSetFormValues.tsx b/examples/V7/asyncSetFormValues.tsx
index 4252979d6ea..30b4d25eee5 100644
--- a/examples/V7/asyncSetFormValues.tsx
+++ b/examples/V7/asyncSetFormValues.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, reset } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/asyncSubmitValidation.tsx b/examples/V7/asyncSubmitValidation.tsx
index b0c9a3e9a7a..849e58ac61d 100644
--- a/examples/V7/asyncSubmitValidation.tsx
+++ b/examples/V7/asyncSubmitValidation.tsx
@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export default function App() {
+export function App() {
   const {
     register,
     handleSubmit,
diff --git a/examples/V7/basic.tsx b/examples/V7/basic.tsx
index 9406ea9e3cf..f0ff472990b 100644
--- a/examples/V7/basic.tsx
+++ b/examples/V7/basic.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/basicValidation.tsx b/examples/V7/basicValidation.tsx
index 44a3fbcc414..1ecc4002801 100644
--- a/examples/V7/basicValidation.tsx
+++ b/examples/V7/basicValidation.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/conditionalFields.tsx b/examples/V7/conditionalFields.tsx
index 15b000d2933..46a78d80b96 100644
--- a/examples/V7/conditionalFields.tsx
+++ b/examples/V7/conditionalFields.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, watch, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/customInput.tsx b/examples/V7/customInput.tsx
index dd45b932932..33224ed2fa8 100644
--- a/examples/V7/customInput.tsx
+++ b/examples/V7/customInput.tsx
@@ -26,7 +26,7 @@ const MyInput = ({ label, name, onChange, onBlur, ref }) => {
   );
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data, null));
diff --git a/examples/V7/customMaskedInputWithController.tsx b/examples/V7/customMaskedInputWithController.tsx
index 091009f20e8..b0050a6aa28 100644
--- a/examples/V7/customMaskedInputWithController.tsx
+++ b/examples/V7/customMaskedInputWithController.tsx
@@ -4,7 +4,7 @@ import { useForm, Controller } from 'react-hook-form';
 
 import './styles.css';
 
-export const clearTel = (tel) => tel.replace(/[^0-9]/g, '');
+export const customMaskedInputWithController = const clearTel = (tel) => tel.replace(/[^0-9]/g, '');
 
 const isNotFilledTel = (v) => {
   const clearedTel = clearTel(v);
@@ -41,7 +41,7 @@ const onSubmit = (data) => {
   console.log('submit', data);
 };
 
-export default function App() {
+export function App() {
   const {
     handleSubmit,
     formState: { errors },
diff --git a/examples/V7/customValidation.tsx b/examples/V7/customValidation.tsx
index a420af5a970..49e05f3f7e0 100644
--- a/examples/V7/customValidation.tsx
+++ b/examples/V7/customValidation.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     handleSubmit,
diff --git a/examples/V7/defaultValues.tsx b/examples/V7/defaultValues.tsx
index ee19e928b01..271e757e0b8 100644
--- a/examples/V7/defaultValues.tsx
+++ b/examples/V7/defaultValues.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm({
     defaultValues: {
       firstName: 'bill',
diff --git a/examples/V7/dirtyTouchedSubmitted.tsx b/examples/V7/dirtyTouchedSubmitted.tsx
index 6b195ce47d4..6b629836355 100644
--- a/examples/V7/dirtyTouchedSubmitted.tsx
+++ b/examples/V7/dirtyTouchedSubmitted.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, formState } = useForm({
     mode: 'onChange',
   });
diff --git a/examples/V7/disableNativeValidation.tsx b/examples/V7/disableNativeValidation.tsx
index 2f3f1aec48f..5c37d8d2106 100644
--- a/examples/V7/disableNativeValidation.tsx
+++ b/examples/V7/disableNativeValidation.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     formState: { errors },
     handleSubmit,
diff --git a/examples/V7/formProvider.tsx b/examples/V7/formProvider.tsx
index 9f39a08c963..d6b785ede64 100644
--- a/examples/V7/formProvider.tsx
+++ b/examples/V7/formProvider.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm, FormProvider, useFormContext } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const methods = useForm();
   const { register, handleSubmit } = methods;
   return (
diff --git a/examples/V7/getValuesCompareFields.tsx b/examples/V7/getValuesCompareFields.tsx
index 32f0ad86410..fc9b8ac4500 100644
--- a/examples/V7/getValuesCompareFields.tsx
+++ b/examples/V7/getValuesCompareFields.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/nativeMultipleInput.tsx b/examples/V7/nativeMultipleInput.tsx
index e7fdb575aa5..2d85a0504d1 100644
--- a/examples/V7/nativeMultipleInput.tsx
+++ b/examples/V7/nativeMultipleInput.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm, NestedValue } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/nestedFields.tsx b/examples/V7/nestedFields.tsx
index 0b90e32f1b9..bf5337359ca 100644
--- a/examples/V7/nestedFields.tsx
+++ b/examples/V7/nestedFields.tsx
@@ -72,7 +72,7 @@ export function FormSection2({ register }) {
   );
 }
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/parseFormatInputValues.tsx b/examples/V7/parseFormatInputValues.tsx
index 5bfd50497f4..4d111041728 100644
--- a/examples/V7/parseFormatInputValues.tsx
+++ b/examples/V7/parseFormatInputValues.tsx
@@ -14,7 +14,7 @@ const ParseFormatTextarea = ({ value = [], onChange }) => {
   return <textarea onChange={handleChange} value={text} />;
 };
 
-export default function App() {
+export function App() {
   const { control, handleSubmit } = useForm();
   const onSubmit = (data) => {
     console.log(data);
diff --git a/examples/V7/registerWithErrorMessages.tsx b/examples/V7/registerWithErrorMessages.tsx
index 272246278a3..48e56d4fb12 100644
--- a/examples/V7/registerWithErrorMessages.tsx
+++ b/examples/V7/registerWithErrorMessages.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/remoteTriggerFormSubmit.tsx b/examples/V7/remoteTriggerFormSubmit.tsx
index e78098f9274..22ef6356a02 100644
--- a/examples/V7/remoteTriggerFormSubmit.tsx
+++ b/examples/V7/remoteTriggerFormSubmit.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/resetForm.tsx b/examples/V7/resetForm.tsx
index 03be4345d20..4f62e93295b 100644
--- a/examples/V7/resetForm.tsx
+++ b/examples/V7/resetForm.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, reset } = useForm({
     mode: 'onChange',
   });
diff --git a/examples/V7/setValue.tsx b/examples/V7/setValue.tsx
index 53764716623..11977bdd5c6 100644
--- a/examples/V7/setValue.tsx
+++ b/examples/V7/setValue.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, setValue } = useForm();
   const onSubmit = (data) => {
     alert(JSON.stringify(data));
diff --git a/examples/V7/triggerFieldValidation.tsx b/examples/V7/triggerFieldValidation.tsx
index 61635106e31..b9853e3e3ff 100644
--- a/examples/V7/triggerFieldValidation.tsx
+++ b/examples/V7/triggerFieldValidation.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/typescript/Control.tsx b/examples/V7/typescript/Control.tsx
index 736893c3eea..060db8f7b12 100644
--- a/examples/V7/typescript/Control.tsx
+++ b/examples/V7/typescript/Control.tsx
@@ -16,7 +16,7 @@ function IsolateReRender({ control }: { control: Control }) {
   return <div>{firstName}</div>;
 }
 
-export default function App() {
+export function App() {
   const { register, control, handleSubmit } = useForm<FormValues>();
   const onSubmit = handleSubmit((data) => alert(JSON.stringify(data)));
 
diff --git a/examples/V7/typescript/NestedValue.tsx b/examples/V7/typescript/NestedValue.tsx
index f08688fb8e1..b334d092b3e 100644
--- a/examples/V7/typescript/NestedValue.tsx
+++ b/examples/V7/typescript/NestedValue.tsx
@@ -20,7 +20,7 @@ const options = [
   { label: 'Vanilla', value: 'vanilla' },
 ];
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, watch, setValue, errors } = useForm<{
     autocomplete: Option[];
     select: number[];
diff --git a/examples/V7/typescript/Resolver.tsx b/examples/V7/typescript/Resolver.tsx
index e4f1e05f9ea..4027051009e 100644
--- a/examples/V7/typescript/Resolver.tsx
+++ b/examples/V7/typescript/Resolver.tsx
@@ -20,7 +20,7 @@ const resolver: Resolver<FormValues> = async (values) => {
   };
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit, errors } = useForm<FormValues>({
     resolver: resolver,
   });
diff --git a/examples/V7/typescript/SubmitHandler.tsx b/examples/V7/typescript/SubmitHandler.tsx
index 643c4f62cac..9dbc3f3f278 100644
--- a/examples/V7/typescript/SubmitHandler.tsx
+++ b/examples/V7/typescript/SubmitHandler.tsx
@@ -7,7 +7,7 @@ type FormValues = {
   email: string;
 };
 
-export default function App() {
+export function App() {
   const { register, handleSubmit } = useForm<FormValues>();
   const onSubmit: SubmitHandler<FormValues> = (data) =>
     alert(JSON.stringify(data));
diff --git a/examples/V7/typescript/UseFormMethods.tsx b/examples/V7/typescript/UseFormMethods.tsx
index 420e62e7def..d5d05a80a98 100644
--- a/examples/V7/typescript/UseFormMethods.tsx
+++ b/examples/V7/typescript/UseFormMethods.tsx
@@ -48,7 +48,7 @@ type FormValues = {
   sex: string;
 };
 
-export default function App() {
+export function App() {
   const onSubmit = (data: FormValues) => alert(JSON.stringify(data));
 
   return (
diff --git a/examples/V7/validationOnFieldBlur.tsx b/examples/V7/validationOnFieldBlur.tsx
index aafe8382358..7cce891a247 100644
--- a/examples/V7/validationOnFieldBlur.tsx
+++ b/examples/V7/validationOnFieldBlur.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/validationOnFieldChange.tsx b/examples/V7/validationOnFieldChange.tsx
index 05d46c14ee2..c4682ac8d59 100644
--- a/examples/V7/validationOnFieldChange.tsx
+++ b/examples/V7/validationOnFieldChange.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { useForm } from 'react-hook-form';
 
-export default function App() {
+export function App() {
   const {
     register,
     formState: { errors },
diff --git a/examples/V7/validationSchema.tsx b/examples/V7/validationSchema.tsx
index c1e94ac9b88..b2a451bfd36 100644
--- a/examples/V7/validationSchema.tsx
+++ b/examples/V7/validationSchema.tsx
@@ -9,7 +9,7 @@ const SignupSchema = yup.object().shape({
   website: yup.string().url(),
 });
 
-export default function App() {
+export function App() {
   const {
     register,
     handleSubmit,
diff --git a/scripts/README/Data.js b/scripts/README/Data.js
index 76448d4ccf7..d0375f042ae 100644
--- a/scripts/README/Data.js
+++ b/scripts/README/Data.js
@@ -7,6 +7,6 @@ const readYAML = async (path) => parse(await readTextFile(path));
 
 const { individuals, companies } = await readYAML(Files.sponsors);
 
-export const helpers = await readYAML(Files.helpers);
+export const Data = const helpers = await readYAML(Files.helpers);
 
-export default { individuals, companies, helpers };
+export const Data = { individuals, companies, helpers };
diff --git a/scripts/README/Files.js b/scripts/README/Files.js
index 8aaf90abbca..a7765372139 100644
--- a/scripts/README/Files.js
+++ b/scripts/README/Files.js
@@ -10,4 +10,4 @@ const sponsors = join(source, 'Sponsors.yaml'),
   helpers = join(source, 'Helpers.yaml'),
   readme = join(root, 'README.md');
 
-export default { template, helpers, sponsors, readme };
+export const Files = { template, helpers, sponsors, readme };
diff --git a/scripts/README/Generators.js b/scripts/README/Generators.js
index 5f43c1ad01e..263af676d9c 100644
--- a/scripts/README/Generators.js
+++ b/scripts/README/Generators.js
@@ -13,4 +13,4 @@ function toPreviews(type) {
   return Data[type].map(Previews[type]).join('\n');
 }
 
-export default { Sponsors, Helpers };
+export const Generators = { Sponsors, Helpers };
diff --git a/scripts/README/Insert.js b/scripts/README/Insert.js
index eb89349f11b..71299079ed9 100644
--- a/scripts/README/Insert.js
+++ b/scripts/README/Insert.js
@@ -18,6 +18,6 @@ function toType(string) {
   return string.trim().substring(1);
 }
 
-export default function insertInto(template) {
+export function insertInto(template) {
   return template.replace(insert_id, insert);
 }
diff --git a/scripts/README/Previews/Company.js b/scripts/README/Previews/Company.js
index 3b38cbfdc4b..867fa91f31a 100644
--- a/scripts/README/Previews/Company.js
+++ b/scripts/README/Previews/Company.js
@@ -1,6 +1,6 @@
 import { toAvatar, toLogo, toLink } from 'Link';
 
-export default function generate(company) {
+export function generate(company) {
   const { website, avatar, logo } = company;
 
   const icon = avatar ? toAvatar(avatar) : toLogo(logo);
diff --git a/scripts/README/Previews/Helper.js b/scripts/README/Previews/Helper.js
index f9b0fb03875..d2d874968b0 100644
--- a/scripts/README/Previews/Helper.js
+++ b/scripts/README/Previews/Helper.js
@@ -1,6 +1,6 @@
 import { toProfile, toAvatar } from 'Link';
 
-export default function generate(helper) {
+export function generate(helper) {
   const { github, avatar } = helper;
 
   const lines = [
diff --git a/scripts/README/Previews/Individual.js b/scripts/README/Previews/Individual.js
index 52ca410819a..ceab5121d9f 100644
--- a/scripts/README/Previews/Individual.js
+++ b/scripts/README/Previews/Individual.js
@@ -1,6 +1,6 @@
 import { toProfile, toAvatar } from 'Link';
 
-export default function generate(individual) {
+export function generate(individual) {
   const { github, avatar, alt } = individual;
 
   const lines = [
diff --git a/scripts/README/Previews/mod.ts b/scripts/README/Previews/mod.ts
index 507d6204086..8376839ab8b 100644
--- a/scripts/README/Previews/mod.ts
+++ b/scripts/README/Previews/mod.ts
@@ -2,4 +2,4 @@ import individuals from './Individual.js';
 import companies from './Company.js';
 import helpers from './Helper.js';
 
-export default { individuals, companies, helpers };
+export const mod = { individuals, companies, helpers };
diff --git a/scripts/rollup/rollup.config.js b/scripts/rollup/rollup.config.js
index 1611768ef54..d01a1314fc5 100644
--- a/scripts/rollup/rollup.config.js
+++ b/scripts/rollup/rollup.config.js
@@ -17,4 +17,4 @@ const options = [
   },
 ];
 
-export default options.map((option) => createRollupConfig(option));
+export const rollup = options.map((option) => createRollupConfig(option));
diff --git a/scripts/rollup/rollup.esm.config.js b/scripts/rollup/rollup.esm.config.js
index 753f03de873..a31346166df 100644
--- a/scripts/rollup/rollup.esm.config.js
+++ b/scripts/rollup/rollup.esm.config.js
@@ -2,7 +2,7 @@ import pkg from '../../package.json';
 
 import { createRollupConfig } from './createRollupConfig';
 
-export default createRollupConfig({
+export const rollup = createRollupConfig({
   name: 'index',
   format: 'esm',
   input: pkg.source,
diff --git a/src/__typetest__/__fixtures__/index.ts b/src/__typetest__/__fixtures__/index.ts
index 68b4e8ff6dc..9ae3cc6cc11 100644
--- a/src/__typetest__/__fixtures__/index.ts
+++ b/src/__typetest__/__fixtures__/index.ts
@@ -1,4 +1,4 @@
-export * from './pathString';
-export * from './traversable';
-export * from './tuple';
-export * from './type';
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
diff --git a/src/__typetest__/__fixtures__/pathString.ts b/src/__typetest__/__fixtures__/pathString.ts
index 9a576101446..06de7212bfe 100644
--- a/src/__typetest__/__fixtures__/pathString.ts
+++ b/src/__typetest__/__fixtures__/pathString.ts
@@ -1,6 +1,6 @@
 type ConcatTenTimes<T extends string> =
   `${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}.${T}`;
 
-export type HundredPathString<T extends string> = ConcatTenTimes<
+export const pathString = type HundredPathString<T extends string> = ConcatTenTimes<
   ConcatTenTimes<T>
 >;
diff --git a/src/__typetest__/__fixtures__/traversable.ts b/src/__typetest__/__fixtures__/traversable.ts
index 4ada37b776a..b4022ba1022 100644
--- a/src/__typetest__/__fixtures__/traversable.ts
+++ b/src/__typetest__/__fixtures__/traversable.ts
@@ -5,15 +5,15 @@ interface Base<T, V> {
   value: V;
 }
 
-export type InfiniteType<T> = Base<InfiniteType<T>, T>;
+export const traversable = type InfiniteType<T> = Base<InfiniteType<T>, T>;
 
-export type NullableInfiniteType<T> =
+export const traversable = type NullableInfiniteType<T> =
   | null
   | undefined
   | Partial<Base<NullableInfiniteType<T>, T>>;
 
-export type Depth3Type<T> = Base<Base<Base<never, T>, T>, T>;
+export const traversable = type Depth3Type<T> = Base<Base<Base<never, T>, T>, T>;
 
-export interface Nested<T> {
+export const traversable = interface Nested<T> {
   nested: T;
-}
+};
diff --git a/src/__typetest__/__fixtures__/tuple.ts b/src/__typetest__/__fixtures__/tuple.ts
index f31758f793e..5693253a55e 100644
--- a/src/__typetest__/__fixtures__/tuple.ts
+++ b/src/__typetest__/__fixtures__/tuple.ts
@@ -11,4 +11,4 @@ type ConcatTupleTenTimes<T extends unknown[]> = [
   ...T,
 ];
 
-export type HundredTuple<T> = ConcatTupleTenTimes<ConcatTupleTenTimes<[T]>>;
+export const tuple = type HundredTuple<T> = ConcatTupleTenTimes<ConcatTupleTenTimes<[T]>>;
diff --git a/src/__typetest__/__fixtures__/type.ts b/src/__typetest__/__fixtures__/type.ts
index 47a9f770c92..ea7cfd6ab1a 100644
--- a/src/__typetest__/__fixtures__/type.ts
+++ b/src/__typetest__/__fixtures__/type.ts
@@ -8,4 +8,4 @@
  * expectType<[0, 1]>(_ as Actual);
  * ```
  */
-export declare const _: never;
+export const type = declare const _: never;
diff --git a/src/constants.ts b/src/constants.ts
index a268c785a56..c300e130065 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,12 +1,12 @@
 import { ValidationMode } from './types';
 
-export const EVENTS = {
+export const constants = const EVENTS = {
   BLUR: 'blur',
   FOCUS_OUT: 'focusout',
   CHANGE: 'change',
 };
 
-export const VALIDATION_MODE: ValidationMode = {
+export const constants = const VALIDATION_MODE: ValidationMode = {
   onBlur: 'onBlur',
   onChange: 'onChange',
   onSubmit: 'onSubmit',
@@ -14,7 +14,7 @@ export const VALIDATION_MODE: ValidationMode = {
   all: 'all',
 };
 
-export const INPUT_VALIDATION_RULES = {
+export const constants = const INPUT_VALIDATION_RULES = {
   max: 'max',
   min: 'min',
   maxLength: 'maxLength',
diff --git a/src/controller.tsx b/src/controller.tsx
index f6bd560fe1d..03d1e1d0294 100644
--- a/src/controller.tsx
+++ b/src/controller.tsx
@@ -50,4 +50,4 @@ const Controller = <
   props: ControllerProps<TFieldValues, TName>,
 ) => props.render(useController<TFieldValues, TName>(props));
 
-export { Controller };
+export const controller = ;
diff --git a/src/index.ts b/src/index.ts
index 7d1ccea48ea..6747b33ceda 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,10 +1,10 @@
-export * from './controller';
-export * from './logic';
-export * from './types';
-export * from './useController';
-export * from './useFieldArray';
-export * from './useForm';
-export * from './useFormContext';
-export * from './useFormState';
-export * from './useWatch';
-export * from './utils';
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
diff --git a/src/logic/appendErrors.ts b/src/logic/appendErrors.ts
index db2dc7d8d5c..1b58475899c 100644
--- a/src/logic/appendErrors.ts
+++ b/src/logic/appendErrors.ts
@@ -4,7 +4,7 @@ import {
   ValidateResult,
 } from '../types';
 
-export default (
+export const appendErrors = (
   name: InternalFieldName,
   validateAllFieldCriteria: boolean,
   errors: InternalFieldErrors,
diff --git a/src/logic/focusFieldBy.ts b/src/logic/focusFieldBy.ts
index b71df7f07a9..bd5cfded0d3 100644
--- a/src/logic/focusFieldBy.ts
+++ b/src/logic/focusFieldBy.ts
@@ -28,4 +28,4 @@ const focusFieldBy = (
   }
 };
 
-export default focusFieldBy;
+export const focusFieldBy = focusFieldBy;
diff --git a/src/logic/generateId.ts b/src/logic/generateId.ts
index a19c2f4ad99..8996b23d8e5 100644
--- a/src/logic/generateId.ts
+++ b/src/logic/generateId.ts
@@ -1,4 +1,4 @@
-export default () => {
+export const generateId = () => {
   const d =
     typeof performance === 'undefined' ? Date.now() : performance.now() * 1000;
 
diff --git a/src/logic/generateWatchOutput.ts b/src/logic/generateWatchOutput.ts
index 6700778f8d5..f8a46418ddf 100644
--- a/src/logic/generateWatchOutput.ts
+++ b/src/logic/generateWatchOutput.ts
@@ -2,7 +2,7 @@ import { FieldValues, InternalFieldName, Names } from '../types';
 import get from '../utils/get';
 import isString from '../utils/isString';
 
-export default (
+export const generateWatchOutput = (
   names: string | string[] | undefined,
   _names: Names,
   formValues?: FieldValues,
diff --git a/src/logic/getCheckboxValue.ts b/src/logic/getCheckboxValue.ts
index 8b036588181..28bb16cea50 100644
--- a/src/logic/getCheckboxValue.ts
+++ b/src/logic/getCheckboxValue.ts
@@ -12,7 +12,7 @@ const defaultResult: CheckboxFieldResult = {
 
 const validResult = { value: true, isValid: true };
 
-export default (options?: HTMLInputElement[]): CheckboxFieldResult => {
+export const getCheckboxValue = (options?: HTMLInputElement[]): CheckboxFieldResult => {
   if (Array.isArray(options)) {
     if (options.length > 1) {
       const values = options
diff --git a/src/logic/getDirtyFields.ts b/src/logic/getDirtyFields.ts
index 329eb321877..d813fd50e27 100644
--- a/src/logic/getDirtyFields.ts
+++ b/src/logic/getDirtyFields.ts
@@ -61,7 +61,7 @@ function getDirtyFieldsFromDefaultValues<T>(
   return dirtyFieldsFromValues;
 }
 
-export default <T>(defaultValues: T, formValues: T) =>
+export const getDirtyFields = <T>(defaultValues: T, formValues: T) =>
   getDirtyFieldsFromDefaultValues(
     defaultValues,
     formValues,
diff --git a/src/logic/getEventValue.ts b/src/logic/getEventValue.ts
index abade454de1..fd3d6400079 100644
--- a/src/logic/getEventValue.ts
+++ b/src/logic/getEventValue.ts
@@ -3,7 +3,7 @@ import isObject from '../utils/isObject';
 
 type Event = { target: any };
 
-export default (event: unknown) =>
+export const getEventValue = (event: unknown) =>
   isObject(event) && (event as Event).target
     ? isCheckBoxInput((event as Event).target)
       ? (event as Event).target.checked
diff --git a/src/logic/getFieldValue.ts b/src/logic/getFieldValue.ts
index e2fc8bd0718..95827487169 100644
--- a/src/logic/getFieldValue.ts
+++ b/src/logic/getFieldValue.ts
@@ -9,7 +9,7 @@ import getCheckboxValue from './getCheckboxValue';
 import getFieldValueAs from './getFieldValueAs';
 import getRadioValue from './getRadioValue';
 
-export default function getFieldValue(_f: Field['_f']) {
+export function getFieldValue(_f: Field['_f']) {
   const ref = _f.ref;
 
   if (_f.refs ? _f.refs.every((ref) => ref.disabled) : ref.disabled) {
diff --git a/src/logic/getFieldValueAs.ts b/src/logic/getFieldValueAs.ts
index 04d9cd208ae..0448435dea4 100644
--- a/src/logic/getFieldValueAs.ts
+++ b/src/logic/getFieldValueAs.ts
@@ -3,7 +3,7 @@ import isNullOrUndefined from '../utils/isNullOrUndefined';
 import isString from '../utils/isString';
 import isUndefined from '../utils/isUndefined';
 
-export default <T extends NativeFieldValue>(
+export const getFieldValueAs = <T extends NativeFieldValue>(
   value: T,
   { valueAsNumber, valueAsDate, setValueAs }: Field['_f'],
 ) =>
diff --git a/src/logic/getFocusFieldName.ts b/src/logic/getFocusFieldName.ts
index a468079576c..e0ebc16f7b5 100644
--- a/src/logic/getFocusFieldName.ts
+++ b/src/logic/getFocusFieldName.ts
@@ -1,7 +1,7 @@
 import { FieldArrayMethodProps, InternalFieldName } from '../types';
 import isUndefined from '../utils/isUndefined';
 
-export default (
+export const getFocusFieldName = (
   name: InternalFieldName,
   index: number,
   options: FieldArrayMethodProps = {},
diff --git a/src/logic/getNodeParentName.ts b/src/logic/getNodeParentName.ts
index bd8640e743a..59584192502 100644
--- a/src/logic/getNodeParentName.ts
+++ b/src/logic/getNodeParentName.ts
@@ -1,2 +1,2 @@
-export default (name: string) =>
+export const getNodeParentName = (name: string) =>
   name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
diff --git a/src/logic/getProxyFormState.ts b/src/logic/getProxyFormState.ts
index 46e9be9e386..6a51c7cc483 100644
--- a/src/logic/getProxyFormState.ts
+++ b/src/logic/getProxyFormState.ts
@@ -1,7 +1,7 @@
 import { VALIDATION_MODE } from '../constants';
 import { FieldValues, FormState, ReadFormState } from '../types';
 
-export default <TFieldValues extends FieldValues>(
+export const getProxyFormState = <TFieldValues extends FieldValues>(
   formState: FormState<TFieldValues>,
   _proxyFormState: ReadFormState,
   localProxyFormState?: ReadFormState,
diff --git a/src/logic/getRadioValue.ts b/src/logic/getRadioValue.ts
index 5d94bb1ed7f..4cdb92300cc 100644
--- a/src/logic/getRadioValue.ts
+++ b/src/logic/getRadioValue.ts
@@ -8,7 +8,7 @@ const defaultReturn: RadioFieldResult = {
   value: null,
 };
 
-export default (options?: HTMLInputElement[]): RadioFieldResult =>
+export const getRadioValue = (options?: HTMLInputElement[]): RadioFieldResult =>
   Array.isArray(options)
     ? options.reduce(
         (previous, option): RadioFieldResult =>
diff --git a/src/logic/getResolverOptions.ts b/src/logic/getResolverOptions.ts
index 2199295dcfd..70140f43489 100644
--- a/src/logic/getResolverOptions.ts
+++ b/src/logic/getResolverOptions.ts
@@ -9,7 +9,7 @@ import {
 import { get } from '../utils';
 import set from '../utils/set';
 
-export default <TFieldValues extends FieldValues>(
+export const getResolverOptions = <TFieldValues extends FieldValues>(
   fieldsNames: Set<InternalFieldName> | InternalFieldName[],
   _fields: FieldRefs,
   criteriaMode?: CriteriaMode,
diff --git a/src/logic/getRuleValue.ts b/src/logic/getRuleValue.ts
index ba611e7e368..5de5d5d1597 100644
--- a/src/logic/getRuleValue.ts
+++ b/src/logic/getRuleValue.ts
@@ -7,7 +7,7 @@ import isObject from '../utils/isObject';
 import isRegex from '../utils/isRegex';
 import isUndefined from '../utils/isUndefined';
 
-export default <T extends ValidationValue>(
+export const getRuleValue = <T extends ValidationValue>(
   rule?: ValidationRule<T> | ValidationValueMessage<T>,
 ) =>
   isUndefined(rule)
diff --git a/src/logic/getValidateError.ts b/src/logic/getValidateError.ts
index 347331724c9..74ac9dc384c 100644
--- a/src/logic/getValidateError.ts
+++ b/src/logic/getValidateError.ts
@@ -2,7 +2,7 @@ import { FieldError, Ref, ValidateResult } from '../types';
 import isBoolean from '../utils/isBoolean';
 import isMessage from '../utils/isMessage';
 
-export default function getValidateError(
+export function getValidateError(
   result: ValidateResult,
   ref: Ref,
   type = 'validate',
diff --git a/src/logic/getValueAndMessage.ts b/src/logic/getValueAndMessage.ts
index ab213b9b881..8af33315b2f 100644
--- a/src/logic/getValueAndMessage.ts
+++ b/src/logic/getValueAndMessage.ts
@@ -2,7 +2,7 @@ import { ValidationRule } from '../types';
 import isObject from '../utils/isObject';
 import isRegex from '../utils/isRegex';
 
-export default (validationData?: ValidationRule) =>
+export const getValueAndMessage = (validationData?: ValidationRule) =>
   isObject(validationData) && !isRegex(validationData)
     ? validationData
     : {
diff --git a/src/logic/hasValidation.ts b/src/logic/hasValidation.ts
index e52720b4fb8..b6a8b31659c 100644
--- a/src/logic/hasValidation.ts
+++ b/src/logic/hasValidation.ts
@@ -1,6 +1,6 @@
 import { Field } from '../types';
 
-export default (options: Field['_f']) =>
+export const hasValidation = (options: Field['_f']) =>
   options.mount &&
   (options.required ||
     options.min ||
diff --git a/src/logic/index.ts b/src/logic/index.ts
index 59d97f04782..6af2469cd0b 100644
--- a/src/logic/index.ts
+++ b/src/logic/index.ts
@@ -1,3 +1,3 @@
 import appendErrors from './appendErrors';
 
-export { appendErrors };
+export const index = ;
diff --git a/src/logic/isNameInFieldArray.ts b/src/logic/isNameInFieldArray.ts
index 4d8ca52063a..0e78d851b40 100644
--- a/src/logic/isNameInFieldArray.ts
+++ b/src/logic/isNameInFieldArray.ts
@@ -2,5 +2,5 @@ import { InternalFieldName } from '../types';
 
 import getNodeParentName from './getNodeParentName';
 
-export default (names: Set<InternalFieldName>, name: InternalFieldName) =>
+export const isNameInFieldArray = (names: Set<InternalFieldName>, name: InternalFieldName) =>
   names.has(getNodeParentName(name));
diff --git a/src/logic/isWatched.ts b/src/logic/isWatched.ts
index 2341a40390c..b574a500172 100644
--- a/src/logic/isWatched.ts
+++ b/src/logic/isWatched.ts
@@ -1,6 +1,6 @@
 import { InternalFieldName, Names } from '../types';
 
-export default (
+export const isWatched = (
   name: InternalFieldName,
   _names: Names,
   isBlurEvent?: boolean,
diff --git a/src/logic/schemaErrorLookup.ts b/src/logic/schemaErrorLookup.ts
index c51d5fdec6e..456f9841cca 100644
--- a/src/logic/schemaErrorLookup.ts
+++ b/src/logic/schemaErrorLookup.ts
@@ -2,7 +2,7 @@ import { FieldError, FieldErrors, FieldValues } from '../types';
 import get from '../utils/get';
 import isKey from '../utils/isKey';
 
-export default function schemaErrorLookup<T extends FieldValues = FieldValues>(
+export function schemaErrorLookup<T extends FieldValues = FieldValues>(
   errors: FieldErrors<T>,
   _fields: FieldValues,
   name: string,
diff --git a/src/logic/shouldRenderFormState.ts b/src/logic/shouldRenderFormState.ts
index 3e3b29b9e24..c7ed97be767 100644
--- a/src/logic/shouldRenderFormState.ts
+++ b/src/logic/shouldRenderFormState.ts
@@ -2,7 +2,7 @@ import { VALIDATION_MODE } from '../constants';
 import { ReadFormState } from '../types';
 import isEmptyObject from '../utils/isEmptyObject';
 
-export default <T extends Record<string, any>, K extends ReadFormState>(
+export const shouldRenderFormState = <T extends Record<string, any>, K extends ReadFormState>(
   formStateData: T,
   _proxyFormState: K,
   isRoot?: boolean,
diff --git a/src/logic/shouldSubscribeByName.ts b/src/logic/shouldSubscribeByName.ts
index 7ff784ee3ff..691bb3e6982 100644
--- a/src/logic/shouldSubscribeByName.ts
+++ b/src/logic/shouldSubscribeByName.ts
@@ -1,6 +1,6 @@
 import convertToArrayPayload from '../utils/convertToArrayPayload';
 
-export default <T extends string | string[] | undefined>(
+export const shouldSubscribeByName = <T extends string | string[] | undefined>(
   name?: T,
   signalName?: string,
   exact?: boolean,
diff --git a/src/logic/skipValidation.ts b/src/logic/skipValidation.ts
index 31c1a5b18b4..5aad21d17c6 100644
--- a/src/logic/skipValidation.ts
+++ b/src/logic/skipValidation.ts
@@ -1,4 +1,4 @@
-export default (
+export const skipValidation = (
   isBlurEvent: boolean,
   isTouched: boolean,
   isSubmitted: boolean,
diff --git a/src/logic/unsetEmptyArray.ts b/src/logic/unsetEmptyArray.ts
index d12c60dac16..cdb32ef1ee7 100644
--- a/src/logic/unsetEmptyArray.ts
+++ b/src/logic/unsetEmptyArray.ts
@@ -2,5 +2,5 @@ import compact from '../utils/compact';
 import get from '../utils/get';
 import unset from '../utils/unset';
 
-export default <T>(ref: T, name: string) =>
+export const unsetEmptyArray = <T>(ref: T, name: string) =>
   !compact(get(ref, name)).length && unset(ref, name);
diff --git a/src/logic/updateFieldArrayRootError.ts b/src/logic/updateFieldArrayRootError.ts
index 534b09ecfdf..9756cbe11bf 100644
--- a/src/logic/updateFieldArrayRootError.ts
+++ b/src/logic/updateFieldArrayRootError.ts
@@ -8,7 +8,7 @@ import compact from '../utils/compact';
 import get from '../utils/get';
 import set from '../utils/set';
 
-export default <T extends FieldValues = FieldValues>(
+export const updateFieldArrayRootError = <T extends FieldValues = FieldValues>(
   errors: FieldErrors<T>,
   error: Partial<Record<string, FieldError>>,
   name: InternalFieldName,
diff --git a/src/logic/validateField.ts b/src/logic/validateField.ts
index 47a01f8ce37..42a3a5009ed 100644
--- a/src/logic/validateField.ts
+++ b/src/logic/validateField.ts
@@ -24,7 +24,7 @@ import getRadioValue from './getRadioValue';
 import getValidateError from './getValidateError';
 import getValueAndMessage from './getValueAndMessage';
 
-export default async <T extends NativeFieldValue>(
+export const validateField = async <T extends NativeFieldValue>(
   field: Field,
   inputValue: T,
   validateAllFieldCriteria: boolean,
diff --git a/src/types/controller.ts b/src/types/controller.ts
index 39c6f517bfb..6d67b758d06 100644
--- a/src/types/controller.ts
+++ b/src/types/controller.ts
@@ -12,7 +12,7 @@ import {
   UseFormStateReturn,
 } from './';
 
-export type ControllerFieldState = {
+export const controller = type ControllerFieldState = {
   /**
    * @deprecated check `fieldState.error` instead
    * ```jsx
@@ -23,9 +23,9 @@ export type ControllerFieldState = {
   isTouched: boolean;
   isDirty: boolean;
   error?: FieldError;
-};
+}
 
-export type ControllerRenderProps<
+export const controller = type ControllerRenderProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
@@ -36,7 +36,7 @@ export type ControllerRenderProps<
   ref: RefCallBack;
 };
 
-export type UseControllerProps<
+export const controller = type UseControllerProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
@@ -48,16 +48,16 @@ export type UseControllerProps<
   shouldUnregister?: boolean;
   defaultValue?: FieldPathValue<TFieldValues, TName>;
   control?: Control<TFieldValues>;
-};
+};;
 
-export type UseControllerReturn<
+export const controller = type UseControllerReturn<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
   field: ControllerRenderProps<TFieldValues, TName>;
   formState: UseFormStateReturn<TFieldValues>;
   fieldState: ControllerFieldState;
-};
+};;
 
 /**
  * Render function to provide the control for the field.
@@ -80,7 +80,7 @@ export type UseControllerReturn<
  * />
  * ```
  */
-export type ControllerProps<
+export const controller = type ControllerProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = {
@@ -93,4 +93,4 @@ export type ControllerProps<
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<TFieldValues>;
   }) => React.ReactElement;
-} & UseControllerProps<TFieldValues, TName>;
+} & UseControllerProps<TFieldValues, TName>;;
diff --git a/src/types/errors.ts b/src/types/errors.ts
index a09b45bec55..8a8deb4cbde 100644
--- a/src/types/errors.ts
+++ b/src/types/errors.ts
@@ -2,35 +2,35 @@ import { FieldValues, InternalFieldName, Ref } from './fields';
 import { BrowserNativeObject, LiteralUnion, Merge } from './utils';
 import { RegisterOptions, ValidateResult } from './validator';
 
-export type Message = string;
+export const errors = type Message = string;
 
-export type MultipleFieldErrors = {
+export const errors = type MultipleFieldErrors = {
   [K in keyof RegisterOptions]?: ValidateResult;
 } & {
   [key: string]: ValidateResult;
 };
 
-export type FieldError = {
+export const errors = type FieldError = {
   type: LiteralUnion<keyof RegisterOptions, string>;
   root?: FieldError;
   ref?: Ref;
   types?: MultipleFieldErrors;
   message?: Message;
-};
+}
 
-export type ErrorOption = {
+export const errors = type ErrorOption = {
   message?: Message;
   type?: LiteralUnion<keyof RegisterOptions, string>;
   types?: MultipleFieldErrors;
-};
+}
 
-export type DeepRequired<T> = T extends BrowserNativeObject | Blob
+export const errors = type DeepRequired<T> = T extends BrowserNativeObject | Blob
   ? T
   : {
       [K in keyof T]-?: NonNullable<DeepRequired<T[K]>>;
     };
 
-export type FieldErrorsImpl<T extends FieldValues = FieldValues> = {
+export const errors = type FieldErrorsImpl<T extends FieldValues = FieldValues> = {
   [K in keyof T]?: T[K] extends BrowserNativeObject | Blob
     ? FieldError
     : T[K] extends object
@@ -38,10 +38,10 @@ export type FieldErrorsImpl<T extends FieldValues = FieldValues> = {
     : FieldError;
 };
 
-export type FieldErrors<T extends FieldValues = FieldValues> = FieldErrorsImpl<
+export const errors = type FieldErrors<T extends FieldValues = FieldValues> = FieldErrorsImpl<
   DeepRequired<T>
 >;
 
-export type InternalFieldErrors = Partial<
+export const errors = type InternalFieldErrors = Partial<
   Record<InternalFieldName, FieldError>
 >;
diff --git a/src/types/events.ts b/src/types/events.ts
index 1bc57f1082b..6b29e419d28 100644
--- a/src/types/events.ts
+++ b/src/types/events.ts
@@ -1,4 +1,4 @@
-export type EventType =
+export const events = type EventType =
   | 'focus'
   | 'blur'
   | 'change'
diff --git a/src/types/fieldArray.ts b/src/types/fieldArray.ts
index 5cece863ab5..9d58c7985ab 100644
--- a/src/types/fieldArray.ts
+++ b/src/types/fieldArray.ts
@@ -3,7 +3,7 @@ import { Control } from './form';
 import { FieldArrayPath, FieldArrayPathValue } from './path';
 import { RegisterOptions } from './validator';
 
-export type UseFieldArrayProps<
+export const fieldArray = type UseFieldArrayProps<
   TFieldValues extends FieldValues = FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
   TKeyName extends string = 'id',
@@ -16,18 +16,18 @@ export type UseFieldArrayProps<
     'maxLength' | 'minLength' | 'validate' | 'required'
   >;
   shouldUnregister?: boolean;
-};
+};;
 
 /**
  * `useFieldArray` returned `fields` with unique id
  */
-export type FieldArrayWithId<
+export const fieldArray = type FieldArrayWithId<
   TFieldValues extends FieldValues = FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
   TKeyName extends string = 'id',
-> = FieldArray<TFieldValues, TFieldArrayName> & Record<TKeyName, string>;
+> = FieldArray<TFieldValues, TFieldArrayName> & Record<TKeyName, string>;;
 
-export type FieldArray<
+export const fieldArray = type FieldArray<
   TFieldValues extends FieldValues = FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
 > = FieldArrayPathValue<TFieldValues, TFieldArrayName> extends
@@ -35,16 +35,16 @@ export type FieldArray<
   | null
   | undefined
   ? U
-  : never;
+  : never;;
 
 /**
  * `useFieldArray` focus option, ability to toggle focus on and off with `shouldFocus` and setting focus by either field index or name.
  */
-export type FieldArrayMethodProps = {
+export const fieldArray = type FieldArrayMethodProps = {
   shouldFocus?: boolean;
   focusIndex?: number;
   focusName?: string;
-};
+};;
 
 /**
  * Swap field array by supplying from and to index
@@ -60,7 +60,7 @@ export type FieldArrayMethodProps = {
  * <button type="button" onClick={() => swap(0, 1)}>swap</button>
  * ```
  */
-export type UseFieldArraySwap = (indexA: number, indexB: number) => void;
+export const fieldArray = type UseFieldArraySwap = (indexA: number, indexB: number) => void;;
 
 /**
  * Move field array by supplying from and to index
@@ -76,7 +76,7 @@ export type UseFieldArraySwap = (indexA: number, indexB: number) => void;
  * <button type="button" onClick={() => move(0, 1)}>swap</button>
  * ```
  */
-export type UseFieldArrayMove = (indexA: number, indexB: number) => void;
+export const fieldArray = type UseFieldArrayMove = (indexA: number, indexB: number) => void;;
 
 /**
  * Prepend field/fields to the start of the fields and optionally focus. The input value will be registered during this action.
@@ -99,7 +99,7 @@ export type UseFieldArrayMove = (indexA: number, indexB: number) => void;
  * </button>
  * ```
  */
-export type UseFieldArrayPrepend<
+export const fieldArray = type UseFieldArrayPrepend<
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
 > = (
@@ -107,7 +107,7 @@ export type UseFieldArrayPrepend<
     | FieldArray<TFieldValues, TFieldArrayName>
     | FieldArray<TFieldValues, TFieldArrayName>[],
   options?: FieldArrayMethodProps,
-) => void;
+) => void;;
 
 /**
  * Append field/fields to the end of your fields and focus. The input value will be registered during this action.
@@ -130,7 +130,7 @@ export type UseFieldArrayPrepend<
  * </button>
  * ```
  */
-export type UseFieldArrayAppend<
+export const fieldArray = type UseFieldArrayAppend<
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
 > = (
@@ -138,7 +138,7 @@ export type UseFieldArrayAppend<
     | FieldArray<TFieldValues, TFieldArrayName>
     | FieldArray<TFieldValues, TFieldArrayName>[],
   options?: FieldArrayMethodProps,
-) => void;
+) => void;;
 
 /**
  * Remove field/fields at particular position.
@@ -159,7 +159,7 @@ export type UseFieldArrayAppend<
  * </button>
  * ```
  */
-export type UseFieldArrayRemove = (index?: number | number[]) => void;
+export const fieldArray = type UseFieldArrayRemove = (index?: number | number[]) => void;;
 
 /**
  * Insert field/fields at particular position and focus.
@@ -183,7 +183,7 @@ export type UseFieldArrayRemove = (index?: number | number[]) => void;
  * </button>
  * ```
  */
-export type UseFieldArrayInsert<
+export const fieldArray = type UseFieldArrayInsert<
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
 > = (
@@ -192,7 +192,7 @@ export type UseFieldArrayInsert<
     | FieldArray<TFieldValues, TFieldArrayName>
     | FieldArray<TFieldValues, TFieldArrayName>[],
   options?: FieldArrayMethodProps,
-) => void;
+) => void;;
 
 /**
  * Update field/fields at particular position.
@@ -214,10 +214,10 @@ export type UseFieldArrayInsert<
  * </button>
  * ```
  */
-export type UseFieldArrayUpdate<
+export const fieldArray = type UseFieldArrayUpdate<
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
-> = (index: number, value: FieldArray<TFieldValues, TFieldArrayName>) => void;
+> = (index: number, value: FieldArray<TFieldValues, TFieldArrayName>) => void;;
 
 /**
  * Replace the entire field array values.
@@ -237,16 +237,16 @@ export type UseFieldArrayUpdate<
  * </button>
  * ```
  */
-export type UseFieldArrayReplace<
+export const fieldArray = type UseFieldArrayReplace<
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
 > = (
   value:
     | FieldArray<TFieldValues, TFieldArrayName>
     | FieldArray<TFieldValues, TFieldArrayName>[],
-) => void;
+) => void;;
 
-export type UseFieldArrayReturn<
+export const fieldArray = type UseFieldArrayReturn<
   TFieldValues extends FieldValues = FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
   TKeyName extends string = 'id',
@@ -260,4 +260,4 @@ export type UseFieldArrayReturn<
   update: UseFieldArrayUpdate<TFieldValues, TFieldArrayName>;
   replace: UseFieldArrayReplace<TFieldValues, TFieldArrayName>;
   fields: FieldArrayWithId<TFieldValues, TFieldArrayName, TKeyName>[];
-};
+};;
diff --git a/src/types/fields.ts b/src/types/fields.ts
index a3f3ccca49e..5f6286cf5bc 100644
--- a/src/types/fields.ts
+++ b/src/types/fields.ts
@@ -1,14 +1,14 @@
 import { IsFlatObject, Noop } from './utils';
 import { RegisterOptions } from './validator';
 
-export type InternalFieldName = string;
+export const fields = type InternalFieldName = string;
 
-export type FieldName<TFieldValues extends FieldValues> =
+export const fields = type FieldName<TFieldValues extends FieldValues> =
   IsFlatObject<TFieldValues> extends true
     ? Extract<keyof TFieldValues, string>
     : string;
 
-export type CustomElement<TFieldValues extends FieldValues> = {
+export const fields = type CustomElement<TFieldValues extends FieldValues> = {
   name: FieldName<TFieldValues>;
   type?: string;
   value?: any;
@@ -19,12 +19,12 @@ export type CustomElement<TFieldValues extends FieldValues> = {
   focus?: Noop;
 };
 
-export type FieldValue<TFieldValues extends FieldValues> =
+export const fields = type FieldValue<TFieldValues extends FieldValues> =
   TFieldValues[InternalFieldName];
 
-export type FieldValues = Record<string, any>;
+export const fields = type FieldValues = Record<string, any>;
 
-export type NativeFieldValue =
+export const fields = type NativeFieldValue =
   | string
   | number
   | boolean
@@ -32,21 +32,21 @@ export type NativeFieldValue =
   | undefined
   | unknown[];
 
-export type FieldElement<TFieldValues extends FieldValues = FieldValues> =
+export const fields = type FieldElement<TFieldValues extends FieldValues = FieldValues> =
   | HTMLInputElement
   | HTMLSelectElement
   | HTMLTextAreaElement
   | CustomElement<TFieldValues>;
 
-export type Ref = FieldElement;
+export const fields = type Ref = FieldElement;
 
-export type Field = {
+export const fields = type Field = {
   _f: {
     ref: Ref;
     name: InternalFieldName;
     refs?: HTMLInputElement[];
     mount?: boolean;
   } & RegisterOptions;
-};
+}
 
-export type FieldRefs = Partial<Record<InternalFieldName, Field>>;
+export const fields = type FieldRefs = Partial<Record<InternalFieldName, Field>>;
diff --git a/src/types/form.ts b/src/types/form.ts
index 9dd3e082827..4d1ecd137dc 100644
--- a/src/types/form.ts
+++ b/src/types/form.ts
@@ -26,14 +26,14 @@ declare const $NestedValue: unique symbol;
 /**
  * @deprecated to be removed in the next major version
  */
-export type NestedValue<TValue extends object = object> = {
+export const form = type NestedValue<TValue extends object = object> = {
   [$NestedValue]: never;
 } & TValue;
 
 /**
  * @deprecated to be removed in the next major version
  */
-export type UnpackNestedValue<T> = T extends NestedValue<infer U>
+export const form = type UnpackNestedValue<T> = T extends NestedValue<infer U>
   ? U
   : T extends Date | FileList | File | Blob
   ? T
@@ -41,50 +41,50 @@ export type UnpackNestedValue<T> = T extends NestedValue<infer U>
   ? { [K in keyof T]: UnpackNestedValue<T[K]> }
   : T;
 
-export type DefaultValues<TFieldValues> = DeepPartial<TFieldValues>;
+export const form = type DefaultValues<TFieldValues> = DeepPartial<TFieldValues>;
 
-export type InternalNameSet = Set<InternalFieldName>;
+export const form = type InternalNameSet = Set<InternalFieldName>;
 
-export type ValidationMode = {
+export const form = type ValidationMode = {
   onBlur: 'onBlur';
   onChange: 'onChange';
   onSubmit: 'onSubmit';
   onTouched: 'onTouched';
   all: 'all';
-};
+}
 
-export type Mode = keyof ValidationMode;
+export const form = type Mode = keyof ValidationMode;
 
-export type CriteriaMode = 'firstError' | 'all';
+export const form = type CriteriaMode = 'firstError' | 'all';
 
-export type SubmitHandler<TFieldValues extends FieldValues> = (
+export const form = type SubmitHandler<TFieldValues extends FieldValues> = (
   data: TFieldValues,
   event?: React.BaseSyntheticEvent,
-) => any | Promise<any>;
+) => any | Promise<any>;;
 
-export type SubmitErrorHandler<TFieldValues extends FieldValues> = (
+export const form = type SubmitErrorHandler<TFieldValues extends FieldValues> = (
   errors: FieldErrors<TFieldValues>,
   event?: React.BaseSyntheticEvent,
-) => any | Promise<any>;
+) => any | Promise<any>;;
 
-export type SetValueConfig = Partial<{
+export const form = type SetValueConfig = Partial<{
   shouldValidate: boolean;
   shouldDirty: boolean;
   shouldTouch: boolean;
-}>;
+}>;;
 
-export type TriggerConfig = Partial<{
+export const form = type TriggerConfig = Partial<{
   shouldFocus: boolean;
-}>;
+}>;;
 
-export type ChangeHandler = (event: {
+export const form = type ChangeHandler = (event: {
   target: any;
   type?: any;
-}) => Promise<void | boolean>;
+}) => Promise<void | boolean>;;
 
-export type DelayCallback = (wait: number) => void;
+export const form = type DelayCallback = (wait: number) => void;;
 
-export type UseFormProps<
+export const form = type UseFormProps<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
 > = Partial<{
@@ -98,25 +98,25 @@ export type UseFormProps<
   shouldUseNativeValidation: boolean;
   criteriaMode: CriteriaMode;
   delayError: number;
-}>;
+}>;;
 
-export type FieldNamesMarkedBoolean<TFieldValues extends FieldValues> = DeepMap<
+export const form = type FieldNamesMarkedBoolean<TFieldValues extends FieldValues> = DeepMap<
   DeepPartial<TFieldValues>,
   boolean
->;
+>;;
 
-export type FormStateProxy<TFieldValues extends FieldValues = FieldValues> = {
+export const form = type FormStateProxy<TFieldValues extends FieldValues = FieldValues> = {
   isDirty: boolean;
   isValidating: boolean;
   dirtyFields: FieldNamesMarkedBoolean<TFieldValues>;
   touchedFields: FieldNamesMarkedBoolean<TFieldValues>;
   errors: boolean;
   isValid: boolean;
-};
+};;
 
-export type ReadFormState = { [K in keyof FormStateProxy]: boolean | 'all' };
+export const form = type ReadFormState = { [K in keyof FormStateProxy]: boolean | 'all' };;
 
-export type FormState<TFieldValues extends FieldValues> = {
+export const form = type FormState<TFieldValues extends FieldValues> = {
   isDirty: boolean;
   dirtyFields: FieldNamesMarkedBoolean<TFieldValues>;
   isSubmitted: boolean;
@@ -127,9 +127,9 @@ export type FormState<TFieldValues extends FieldValues> = {
   isValidating: boolean;
   isValid: boolean;
   errors: FieldErrors<TFieldValues>;
-};
+};;
 
-export type KeepStateOptions = Partial<{
+export const form = type KeepStateOptions = Partial<{
   keepDirtyValues: boolean;
   keepErrors: boolean;
   keepDirty: boolean;
@@ -139,14 +139,14 @@ export type KeepStateOptions = Partial<{
   keepTouched: boolean;
   keepIsValid: boolean;
   keepSubmitCount: boolean;
-}>;
+}>;;
 
-export type SetFieldValue<TFieldValues extends FieldValues> =
-  FieldValue<TFieldValues>;
+export const form = type SetFieldValue<TFieldValues extends FieldValues> =
+  FieldValue<TFieldValues>;;
 
-export type RefCallBack = (instance: any) => void;
+export const form = type RefCallBack = (instance: any) => void;;
 
-export type UseFormRegisterReturn<
+export const form = type UseFormRegisterReturn<
   TFieldName extends InternalFieldName = InternalFieldName,
 > = {
   onChange: ChangeHandler;
@@ -160,7 +160,7 @@ export type UseFormRegisterReturn<
   pattern?: string;
   required?: boolean;
   disabled?: boolean;
-};
+};;
 
 /**
  * Register field into hook form with or without the actual DOM ref. You can invoke register anywhere in the component including at `useEffect`.
@@ -195,16 +195,16 @@ export type UseFormRegisterReturn<
  * <input onChange={onChange} onBlur={onBlur} name={name} />
  * ```
  */
-export type UseFormRegister<TFieldValues extends FieldValues> = <
+export const form = type UseFormRegister<TFieldValues extends FieldValues> = <
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(
   name: TFieldName,
   options?: RegisterOptions<TFieldValues, TFieldName>,
-) => UseFormRegisterReturn<TFieldName>;
+) => UseFormRegisterReturn<TFieldName>;;
 
-export type SetFocusOptions = Partial<{
+export const form = type SetFocusOptions = Partial<{
   shouldSelect: boolean;
-}>;
+}>;;
 
 /**
  * Set focus on a registered field. You can start to invoke this method after all fields are mounted to the DOM.
@@ -224,14 +224,14 @@ export type SetFocusOptions = Partial<{
  * <button onClick={() => setFocus("name", { shouldSelect: true })}>Focus</button>
  * ```
  */
-export type UseFormSetFocus<TFieldValues extends FieldValues> = <
+export const form = type UseFormSetFocus<TFieldValues extends FieldValues> = <
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(
   name: TFieldName,
   options?: SetFocusOptions,
-) => void;
+) => void;;
 
-export type UseFormGetValues<TFieldValues extends FieldValues> = {
+export const form = type UseFormGetValues<TFieldValues extends FieldValues> = {
   /**
    * Get the entire form values when no argument is supplied to this function.
    *
@@ -294,7 +294,7 @@ export type UseFormGetValues<TFieldValues extends FieldValues> = {
   <TFieldNames extends FieldPath<TFieldValues>[]>(
     names: readonly [...TFieldNames],
   ): [...FieldPathValues<TFieldValues, TFieldNames>];
-};
+};;
 
 /**
  * This method will return individual field states. It will be useful when you are trying to retrieve the nested value field state in a typesafe approach.
@@ -320,7 +320,7 @@ export type UseFormGetValues<TFieldValues extends FieldValues> = {
  * getFieldState('name', formState)
  * ```
  */
-export type UseFormGetFieldState<TFieldValues extends FieldValues> = <
+export const form = type UseFormGetFieldState<TFieldValues extends FieldValues> = <
   TFieldName extends FieldPath<TFieldValues>,
 >(
   name: TFieldName,
@@ -336,9 +336,9 @@ export type UseFormGetFieldState<TFieldValues extends FieldValues> = <
   isDirty: boolean;
   isTouched: boolean;
   error?: FieldError;
-};
+};;
 
-export type UseFormWatch<TFieldValues extends FieldValues> = {
+export const form = type UseFormWatch<TFieldValues extends FieldValues> = {
   /**
    * Watch and subscribe to the entire form update/change based on onChange and re-render at the useForm.
    *
@@ -418,7 +418,7 @@ export type UseFormWatch<TFieldValues extends FieldValues> = {
     callback: WatchObserver<TFieldValues>,
     defaultValues?: DeepPartial<TFieldValues>,
   ): Subscription;
-};
+};;
 
 /**
  * Trigger field or form validation
@@ -444,13 +444,13 @@ export type UseFormWatch<TFieldValues extends FieldValues> = {
  *  </button>
  * ```
  */
-export type UseFormTrigger<TFieldValues extends FieldValues> = (
+export const form = type UseFormTrigger<TFieldValues extends FieldValues> = (
   name?:
     | FieldPath<TFieldValues>
     | FieldPath<TFieldValues>[]
     | readonly FieldPath<TFieldValues>[],
   options?: TriggerConfig,
-) => Promise<boolean>;
+) => Promise<boolean>;;
 
 /**
  * Clear the entire form errors.
@@ -468,12 +468,12 @@ export type UseFormTrigger<TFieldValues extends FieldValues> = (
  * clearErrors("name2"); // clear a single field error
  * ```
  */
-export type UseFormClearErrors<TFieldValues extends FieldValues> = (
+export const form = type UseFormClearErrors<TFieldValues extends FieldValues> = (
   name?:
     | FieldPath<TFieldValues>
     | FieldPath<TFieldValues>[]
     | readonly FieldPath<TFieldValues>[],
-) => void;
+) => void;;
 
 /**
  * Set a single field value, or a group of fields value.
@@ -504,13 +504,13 @@ export type UseFormClearErrors<TFieldValues extends FieldValues> = (
  * setValue('select', { label: 'test', value: 'Test' });
  * ```
  */
-export type UseFormSetValue<TFieldValues extends FieldValues> = <
+export const form = type UseFormSetValue<TFieldValues extends FieldValues> = <
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(
   name: TFieldName,
   value: FieldPathValue<TFieldValues, TFieldName>,
   options?: SetValueConfig,
-) => void;
+) => void;;
 
 /**
  * Set an error for the field. When set an error which is not associated to a field then manual `clearErrors` invoke is required.
@@ -533,13 +533,13 @@ export type UseFormSetValue<TFieldValues extends FieldValues> = <
  * <button onClick={() => setError("name", { type: "max" }, { shouldFocus: true })} />
  * ```
  */
-export type UseFormSetError<TFieldValues extends FieldValues> = (
+export const form = type UseFormSetError<TFieldValues extends FieldValues> = (
   name: FieldPath<TFieldValues>,
   error: ErrorOption,
   options?: {
     shouldFocus: boolean;
   },
-) => void;
+) => void;;
 
 /**
  * Unregister a field reference and remove its value.
@@ -559,7 +559,7 @@ export type UseFormSetError<TFieldValues extends FieldValues> = (
  * <button onClick={() => unregister("name", { keepErrors: true })} />
  * ```
  */
-export type UseFormUnregister<TFieldValues extends FieldValues> = (
+export const form = type UseFormUnregister<TFieldValues extends FieldValues> = (
   name?:
     | FieldPath<TFieldValues>
     | FieldPath<TFieldValues>[]
@@ -572,7 +572,7 @@ export type UseFormUnregister<TFieldValues extends FieldValues> = (
     | 'keepDefaultValues'
     | 'keepErrors'
   > & { keepValue?: boolean; keepDefaultValue?: boolean; keepError?: boolean },
-) => void;
+) => void;;
 
 /**
  * Validate the entire form. Handle submit and error callback.
@@ -594,10 +594,10 @@ export type UseFormUnregister<TFieldValues extends FieldValues> = (
  * ```
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export type UseFormHandleSubmit<TFieldValues extends FieldValues> = (
+export const form = type UseFormHandleSubmit<TFieldValues extends FieldValues> = (
   onValid: SubmitHandler<TFieldValues>,
   onInvalid?: SubmitErrorHandler<TFieldValues>,
-) => (e?: React.BaseSyntheticEvent) => Promise<void>;
+) => (e?: React.BaseSyntheticEvent) => Promise<void>;;
 
 /**
  * Reset a field state and reference.
@@ -614,7 +614,7 @@ export type UseFormHandleSubmit<TFieldValues extends FieldValues> = (
  * <button type="button" onClick={() => resetField("firstName"))}>Reset</button>
  * ```
  */
-export type UseFormResetField<TFieldValues extends FieldValues> = <
+export const form = type UseFormResetField<TFieldValues extends FieldValues> = <
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(
   name: TFieldName,
@@ -624,7 +624,7 @@ export type UseFormResetField<TFieldValues extends FieldValues> = <
     keepError: boolean;
     defaultValue: any;
   }>,
-) => void;
+) => void;;
 
 /**
  * Reset at the entire form state.
@@ -660,30 +660,30 @@ export type UseFormResetField<TFieldValues extends FieldValues> = <
  *});
  * ```
  */
-export type UseFormReset<TFieldValues extends FieldValues> = (
+export const form = type UseFormReset<TFieldValues extends FieldValues> = (
   values?: DefaultValues<TFieldValues> | TFieldValues,
   keepStateOptions?: KeepStateOptions,
-) => void;
+) => void;;
 
-export type WatchInternal<TFieldValues> = (
+export const form = type WatchInternal<TFieldValues> = (
   fieldNames?: InternalFieldName | InternalFieldName[],
   defaultValue?: DeepPartial<TFieldValues>,
   isMounted?: boolean,
   isGlobal?: boolean,
 ) =>
   | FieldPathValue<FieldValues, InternalFieldName>
-  | FieldPathValues<FieldValues, InternalFieldName[]>;
+  | FieldPathValues<FieldValues, InternalFieldName[]>;;
 
-export type GetIsDirty = <TName extends InternalFieldName, TData>(
+export const form = type GetIsDirty = <TName extends InternalFieldName, TData>(
   name?: TName,
   data?: TData,
-) => boolean;
+) => boolean;;
 
-export type FormStateSubjectRef<TFieldValues extends FieldValues> = Subject<
+export const form = type FormStateSubjectRef<TFieldValues extends FieldValues> = Subject<
   Partial<FormState<TFieldValues>> & { name?: InternalFieldName }
->;
+>;;
 
-export type Subjects<TFieldValues extends FieldValues = FieldValues> = {
+export const form = type Subjects<TFieldValues extends FieldValues = FieldValues> = {
   watch: Subject<{
     name?: InternalFieldName;
     type?: EventType;
@@ -694,18 +694,18 @@ export type Subjects<TFieldValues extends FieldValues = FieldValues> = {
     values?: FieldValues;
   }>;
   state: FormStateSubjectRef<TFieldValues>;
-};
+};;
 
-export type Names = {
+export const form = type Names = {
   mount: InternalNameSet;
   unMount: InternalNameSet;
   array: InternalNameSet;
   watch: InternalNameSet;
   focus: InternalFieldName;
   watchAll: boolean;
-};
+};;
 
-export type BatchFieldArrayUpdate = <
+export const form = type BatchFieldArrayUpdate = <
   T extends Function,
   TFieldValues extends FieldValues,
   TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>,
@@ -721,9 +721,9 @@ export type BatchFieldArrayUpdate = <
   }>,
   shouldSetValue?: boolean,
   shouldUpdateFieldsAndErrors?: boolean,
-) => void;
+) => void;;
 
-export type Control<
+export const form = type Control<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
 > = {
@@ -754,18 +754,18 @@ export type Control<
   register: UseFormRegister<TFieldValues>;
   unregister: UseFormUnregister<TFieldValues>;
   getFieldState: UseFormGetFieldState<TFieldValues>;
-};
+};;
 
-export type WatchObserver<TFieldValues extends FieldValues> = (
+export const form = type WatchObserver<TFieldValues extends FieldValues> = (
   value: DeepPartial<TFieldValues>,
   info: {
     name?: FieldPath<TFieldValues>;
     type?: EventType;
     value?: unknown;
   },
-) => void;
+) => void;;
 
-export type UseFormReturn<
+export const form = type UseFormReturn<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
 > = {
@@ -784,9 +784,9 @@ export type UseFormReturn<
   control: Control<TFieldValues, TContext>;
   register: UseFormRegister<TFieldValues>;
   setFocus: UseFormSetFocus<TFieldValues>;
-};
+};;
 
-export type UseFormStateProps<TFieldValues extends FieldValues> = Partial<{
+export const form = type UseFormStateProps<TFieldValues extends FieldValues> = Partial<{
   control?: Control<TFieldValues>;
   disabled?: boolean;
   name?:
@@ -794,12 +794,12 @@ export type UseFormStateProps<TFieldValues extends FieldValues> = Partial<{
     | FieldPath<TFieldValues>[]
     | readonly FieldPath<TFieldValues>[];
   exact?: boolean;
-}>;
+}>;;
 
-export type UseFormStateReturn<TFieldValues extends FieldValues> =
-  FormState<TFieldValues>;
+export const form = type UseFormStateReturn<TFieldValues extends FieldValues> =
+  FormState<TFieldValues>;;
 
-export type UseWatchProps<TFieldValues extends FieldValues = FieldValues> = {
+export const form = type UseWatchProps<TFieldValues extends FieldValues = FieldValues> = {
   defaultValue?: unknown;
   disabled?: boolean;
   name?:
@@ -808,11 +808,11 @@ export type UseWatchProps<TFieldValues extends FieldValues = FieldValues> = {
     | readonly FieldPath<TFieldValues>[];
   control?: Control<TFieldValues>;
   exact?: boolean;
-};
+};;
 
-export type FormProviderProps<
+export const form = type FormProviderProps<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
 > = {
   children: React.ReactNode;
-} & UseFormReturn<TFieldValues, TContext>;
+} & UseFormReturn<TFieldValues, TContext>;;
diff --git a/src/types/index.ts b/src/types/index.ts
index 0e38a6cc3da..6747b33ceda 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,10 +1,10 @@
-export * from './controller';
-export * from './errors';
-export * from './events';
-export * from './fieldArray';
-export * from './fields';
-export * from './form';
-export * from './path';
-export * from './resolvers';
-export * from './utils';
-export * from './validator';
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
+export const index = ;
diff --git a/src/types/path/common.ts b/src/types/path/common.ts
index 06db6014cfa..cc002c1b99e 100644
--- a/src/types/path/common.ts
+++ b/src/types/path/common.ts
@@ -4,13 +4,13 @@ import { IsAny, IsNever } from '../utils';
  * Type alias to `string` which describes a lodash-like path through an object.
  * E.g. `'foo.bar.0.baz'`
  */
-export type PathString = string;
+export const common = type PathString = string;
 
 /**
  * Type which can be traversed through with a {@link PathString}.
  * I.e. objects, arrays, and tuples
  */
-export type Traversable = object;
+export const common = type Traversable = object;
 
 /**
  * Type to query whether an array type T is a tuple type.
@@ -21,43 +21,43 @@ export type Traversable = object;
  * IsTuple<number[]> = false
  * ```
  */
-export type IsTuple<T extends ReadonlyArray<any>> = number extends T['length']
+export const common = type IsTuple<T extends ReadonlyArray<any>> = number extends T['length']
   ? false
   : true;
 
 /**
  * Type which can be used to index an array or tuple type.
  */
-export type ArrayKey = number;
+export const common = type ArrayKey = number;
 
 /**
  * Type which can be used to index an object.
  */
-export type Key = string;
+export const common = type Key = string;
 
 /**
  * Type to assert that a type is a {@link Key}.
  * @typeParam T - type which may be a {@link Key}
  */
-export type AsKey<T> = Extract<T, Key>;
+export const common = type AsKey<T> = Extract<T, Key>;
 
 /**
  * Type to convert a type to a {@link Key}.
  * @typeParam T - type which may be converted to a {@link Key}
  */
-export type ToKey<T> = T extends ArrayKey ? `${T}` : AsKey<T>;
+export const common = type ToKey<T> = T extends ArrayKey ? `${T}` : AsKey<T>;
 
 /**
  * Type which describes a path through an object
  * as a list of individual {@link Key}s.
  */
-export type PathTuple = Key[];
+export const common = type PathTuple = Key[];
 
 /**
  * Type to assert that a type is a {@link PathTuple}.
  * @typeParam T - type which may be a {@link PathTuple}
  */
-export type AsPathTuple<T> = Extract<T, PathTuple>;
+export const common = type AsPathTuple<T> = Extract<T, PathTuple>;
 
 /**
  * Type to intersect a union type.
@@ -69,7 +69,7 @@ export type AsPathTuple<T> = Extract<T, PathTuple>;
  *   = { foo: string; bar: number }
  * ```
  */
-export type UnionToIntersection<U> = (
+export const common = type UnionToIntersection<U> = (
   U extends any ? (_: U) => any : never
 ) extends (_: infer I) => any
   ? I
@@ -116,7 +116,7 @@ type SplitPathStringImpl<
  * SplitPathString<'.'> = []
  * ```
  */
-export type SplitPathString<PS extends PathString> = SplitPathStringImpl<
+export const common = type SplitPathString<PS extends PathString> = SplitPathStringImpl<
   PS,
   []
 >;
@@ -143,7 +143,7 @@ type JoinPathTupleImpl<
  * JoinPathTuple<[]> = never
  * ```
  */
-export type JoinPathTuple<PT extends PathTuple> = PT extends [
+export const common = type JoinPathTuple<PT extends PathTuple> = PT extends [
   infer K,
   ...infer R,
 ]
@@ -206,7 +206,7 @@ type TryAccessArray<
  * EvaluateKey<string[], '1'> = string
  * ```
  */
-export type EvaluateKey<T, K extends Key> = T extends ReadonlyArray<any>
+export const common = type EvaluateKey<T, K extends Key> = T extends ReadonlyArray<any>
   ? IsTuple<T> extends true
     ? TryAccess<T, K>
     : TryAccessArray<T, K>
@@ -224,7 +224,7 @@ export type EvaluateKey<T, K extends Key> = T extends ReadonlyArray<any>
  * EvaluatePath<number, ['foo']> = undefined
  * ```
  */
-export type EvaluatePath<T, PT extends PathTuple> = PT extends [
+export const common = type EvaluatePath<T, PT extends PathTuple> = PT extends [
   infer K,
   ...infer R,
 ]
@@ -239,7 +239,7 @@ export type EvaluatePath<T, PT extends PathTuple> = PT extends [
  * TupleKeys<[number, string]> = '0' | '1'
  * ```
  */
-export type TupleKeys<T extends ReadonlyArray<any>> = Exclude<
+export const common = type TupleKeys<T extends ReadonlyArray<any>> = Exclude<
   keyof T,
   keyof any[]
 >;
@@ -268,7 +268,7 @@ type NumericObjectKeys<T extends Traversable> = ToKey<
  * NumericKeys<{0: string, '1': string} | [number] | number[]> = '0'
  * ```
  */
-export type NumericKeys<T extends Traversable> = UnionToIntersection<
+export const common = type NumericKeys<T extends Traversable> = UnionToIntersection<
   T extends ReadonlyArray<any>
     ? IsTuple<T> extends true
       ? [TupleKeys<T>]
@@ -286,7 +286,7 @@ export type NumericKeys<T extends Traversable> = UnionToIntersection<
  * ObjectKeys<{foo: string, bar: number}, string> = 'foo'
  * ```
  */
-export type ObjectKeys<T extends Traversable> = Exclude<
+export const common = type ObjectKeys<T extends Traversable> = Exclude<
   ToKey<keyof T>,
   `${string}.${string}` | ''
 >;
@@ -304,7 +304,7 @@ export type ObjectKeys<T extends Traversable> = Exclude<
  * CheckKeyConstraint<string[], number, string> = `${number}`
  * ```
  */
-export type CheckKeyConstraint<T, K extends Key, U> = K extends any
+export const common = type CheckKeyConstraint<T, K extends Key, U> = K extends any
   ? EvaluateKey<T, K> extends U
     ? K
     : never
@@ -320,7 +320,7 @@ export type CheckKeyConstraint<T, K extends Key, U> = K extends any
  * ContainsIndexable<{foo: string} | number[]> = true
  * ```
  */
-export type ContainsIndexable<T> = IsNever<
+export const common = type ContainsIndexable<T> = IsNever<
   Extract<T, ReadonlyArray<any>>
 > extends true
   ? false
@@ -352,7 +352,7 @@ type KeysImpl<T> = [T] extends [Traversable]
  * Keys<{0: string, '1': string} | [number] | number[]> = '0'
  * ```
  */
-export type Keys<T, U = unknown> = IsAny<T> extends true
+export const common = type Keys<T, U = unknown> = IsAny<T> extends true
   ? Key
   : IsNever<T> extends true
   ? Key
@@ -373,7 +373,7 @@ export type Keys<T, U = unknown> = IsAny<T> extends true
  * HasKey<{foo: string}, 'foo' | 'bar'> = false
  * ```
  */
-export type HasKey<T, K extends Key> = IsNever<Exclude<K, Keys<T>>>;
+export const common = type HasKey<T, K extends Key> = IsNever<Exclude<K, Keys<T>>>;
 
 /**
  * Type to implement {@link ValidPathPrefix} tail recursively.
@@ -407,7 +407,7 @@ type ValidPathPrefixImpl<
  * ValidPathPrefix<{foo: {bar: string}}, ['foo', 'ba']> = ['foo']
  * ```
  */
-export type ValidPathPrefix<T, PT extends PathTuple> = ValidPathPrefixImpl<
+export const common = type ValidPathPrefix<T, PT extends PathTuple> = ValidPathPrefixImpl<
   T,
   PT,
   []
@@ -423,6 +423,6 @@ export type ValidPathPrefix<T, PT extends PathTuple> = ValidPathPrefixImpl<
  * HasPath<{foo: {bar: string}}, ['foo', 'ba']> = false
  * ```
  */
-export type HasPath<T, PT extends PathTuple> = ValidPathPrefix<T, PT> extends PT
+export const common = type HasPath<T, PT extends PathTuple> = ValidPathPrefix<T, PT> extends PT
   ? true
   : false;
diff --git a/src/types/path/eager.ts b/src/types/path/eager.ts
index 5ebdebdb98e..d09054850c5 100644
--- a/src/types/path/eager.ts
+++ b/src/types/path/eager.ts
@@ -21,7 +21,7 @@ type PathImpl<K extends string | number, V> = V extends
  * Path<{foo: {bar: string}}> = 'foo' | 'foo.bar'
  * ```
  */
-export type Path<T> = T extends ReadonlyArray<infer V>
+export const eager = type Path<T> = T extends ReadonlyArray<infer V>
   ? IsTuple<T> extends true
     ? {
         [K in TupleKeys<T>]-?: PathImpl<K & string, T[K]>;
@@ -34,7 +34,7 @@ export type Path<T> = T extends ReadonlyArray<infer V>
 /**
  * See {@link Path}
  */
-export type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
+export const eager = type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
 
 /**
  * Helper type for recursively constructing paths through a type.
@@ -59,7 +59,7 @@ type ArrayPathImpl<K extends string | number, V> = V extends
  * Path<{foo: {bar: string[], baz: number[]}}> = 'foo.bar' | 'foo.baz'
  * ```
  */
-export type ArrayPath<T> = T extends ReadonlyArray<infer V>
+export const eager = type ArrayPath<T> = T extends ReadonlyArray<infer V>
   ? IsTuple<T> extends true
     ? {
         [K in TupleKeys<T>]-?: ArrayPathImpl<K & string, T[K]>;
@@ -72,7 +72,7 @@ export type ArrayPath<T> = T extends ReadonlyArray<infer V>
 /**
  * See {@link ArrayPath}
  */
-export type FieldArrayPath<TFieldValues extends FieldValues> =
+export const eager = type FieldArrayPath<TFieldValues extends FieldValues> =
   ArrayPath<TFieldValues>;
 
 /**
@@ -85,7 +85,7 @@ export type FieldArrayPath<TFieldValues extends FieldValues> =
  * PathValue<[number, string], '1'> = string
  * ```
  */
-export type PathValue<T, P extends Path<T> | ArrayPath<T>> = T extends any
+export const eager = type PathValue<T, P extends Path<T> | ArrayPath<T>> = T extends any
   ? P extends `${infer K}.${infer R}`
     ? K extends keyof T
       ? R extends Path<T[K]>
@@ -103,23 +103,23 @@ export type PathValue<T, P extends Path<T> | ArrayPath<T>> = T extends any
       ? V
       : never
     : never
-  : never;
+  : never;;
 
 /**
  * See {@link PathValue}
  */
-export type FieldPathValue<
+export const eager = type FieldPathValue<
   TFieldValues extends FieldValues,
   TFieldPath extends FieldPath<TFieldValues>,
-> = PathValue<TFieldValues, TFieldPath>;
+> = PathValue<TFieldValues, TFieldPath>;;
 
 /**
  * See {@link PathValue}
  */
-export type FieldArrayPathValue<
+export const eager = type FieldArrayPathValue<
   TFieldValues extends FieldValues,
   TFieldArrayPath extends FieldArrayPath<TFieldValues>,
-> = PathValue<TFieldValues, TFieldArrayPath>;
+> = PathValue<TFieldValues, TFieldArrayPath>;;
 
 /**
  * Type to evaluate the type which the given paths point to.
@@ -131,7 +131,7 @@ export type FieldArrayPathValue<
  *   = [{bar: string}, string]
  * ```
  */
-export type FieldPathValues<
+export const eager = type FieldPathValues<
   TFieldValues extends FieldValues,
   TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[],
 > = {} & {
@@ -139,7 +139,7 @@ export type FieldPathValues<
     TFieldValues,
     TPath[K] & FieldPath<TFieldValues>
   >;
-};
+};;
 
 /**
  * Type which eagerly collects all paths through a fieldType that matches a give type
@@ -151,11 +151,11 @@ export type FieldPathValues<
  *   = 'foo.bar' | 'baz'
  * ```
  */
-export type FieldPathByValue<TFieldValues extends FieldValues, TValue> = {
+export const eager = type FieldPathByValue<TFieldValues extends FieldValues, TValue> = {
   [Key in FieldPath<TFieldValues>]: FieldPathValue<
     TFieldValues,
     Key
   > extends TValue
     ? Key
     : never;
-}[FieldPath<TFieldValues>];
+}[FieldPath<TFieldValues>];;
diff --git a/src/types/path/index.ts b/src/types/path/index.ts
index 65f6855e5ed..1d9741dd0ac 100644
--- a/src/types/path/index.ts
+++ b/src/types/path/index.ts
@@ -1,14 +1,4 @@
 /** Re-export public API */
 
-export { PathString } from './common';
-export {
-  ArrayPath,
-  FieldArrayPath,
-  FieldArrayPathValue,
-  FieldPath,
-  FieldPathByValue,
-  FieldPathValue,
-  FieldPathValues,
-  Path,
-  PathValue,
-} from './eager';
+export const index = ;
+export const index = ;
diff --git a/src/types/resolvers.ts b/src/types/resolvers.ts
index e01812fc746..a47be87e5f7 100644
--- a/src/types/resolvers.ts
+++ b/src/types/resolvers.ts
@@ -2,28 +2,28 @@ import { FieldErrors } from './errors';
 import { Field, FieldName, FieldValues, InternalFieldName } from './fields';
 import { CriteriaMode } from './form';
 
-export type ResolverSuccess<TFieldValues extends FieldValues = FieldValues> = {
+export const resolvers = type ResolverSuccess<TFieldValues extends FieldValues = FieldValues> = {
   values: TFieldValues;
   errors: {};
 };
 
-export type ResolverError<TFieldValues extends FieldValues = FieldValues> = {
+export const resolvers = type ResolverError<TFieldValues extends FieldValues = FieldValues> = {
   values: {};
   errors: FieldErrors<TFieldValues>;
 };
 
-export type ResolverResult<TFieldValues extends FieldValues = FieldValues> =
+export const resolvers = type ResolverResult<TFieldValues extends FieldValues = FieldValues> =
   | ResolverSuccess<TFieldValues>
   | ResolverError<TFieldValues>;
 
-export interface ResolverOptions<TFieldValues extends FieldValues> {
+export const resolvers = interface ResolverOptions<TFieldValues extends FieldValues> {
   criteriaMode?: CriteriaMode;
   fields: Record<InternalFieldName, Field['_f']>;
   names?: FieldName<TFieldValues>[];
   shouldUseNativeValidation: boolean | undefined;
-}
+};
 
-export type Resolver<
+export const resolvers = type Resolver<
   TFieldValues extends FieldValues = FieldValues,
   TContext = any,
 > = (
diff --git a/src/types/utils.ts b/src/types/utils.ts
index 8f00d1f7f7b..961a344a63b 100644
--- a/src/types/utils.ts
+++ b/src/types/utils.ts
@@ -9,7 +9,7 @@ Warning: all of these interfaces are empty.
 If you want type definitions for various properties, you need to add `--lib DOM` (via command line or tsconfig.json).
 */
 
-export type Noop = () => void;
+export const utils = type Noop = () => void;
 
 interface File extends Blob {
   readonly lastModified: number;
@@ -22,7 +22,7 @@ interface FileList {
   [index: number]: File;
 }
 
-export type Primitive =
+export const utils = type Primitive =
   | null
   | undefined
   | string
@@ -31,21 +31,21 @@ export type Primitive =
   | symbol
   | bigint;
 
-export type BrowserNativeObject = Date | FileList | File;
+export const utils = type BrowserNativeObject = Date | FileList | File;
 
-export type EmptyObject = { [K in string | number]: never };
+export const utils = type EmptyObject = { [K in string | number]: never };
 
-export type NonUndefined<T> = T extends undefined ? never : T;
+export const utils = type NonUndefined<T> = T extends undefined ? never : T;
 
-export type LiteralUnion<T extends U, U extends Primitive> =
+export const utils = type LiteralUnion<T extends U, U extends Primitive> =
   | T
   | (U & { _?: never });
 
-export type DeepPartial<T> = T extends BrowserNativeObject | NestedValue
+export const utils = type DeepPartial<T> = T extends BrowserNativeObject | NestedValue
   ? T
   : { [K in keyof T]?: DeepPartial<T[K]> };
 
-export type DeepPartialSkipArrayKey<T> = T extends
+export const utils = type DeepPartialSkipArrayKey<T> = T extends
   | BrowserNativeObject
   | NestedValue
   ? T
@@ -62,7 +62,7 @@ export type DeepPartialSkipArrayKey<T> = T extends
  * IsAny<string> = false
  * ```
  */
-export type IsAny<T> = 0 extends 1 & T ? true : false;
+export const utils = type IsAny<T> = 0 extends 1 & T ? true : false;
 
 /**
  * Checks whether the type is never
@@ -72,24 +72,24 @@ export type IsAny<T> = 0 extends 1 & T ? true : false;
  * IsAny<string> = false
  * ```
  */
-export type IsNever<T> = [T] extends [never] ? true : false;
+export const utils = type IsNever<T> = [T] extends [never] ? true : false;
 
-export type DeepMap<T, TValue> = IsAny<T> extends true
+export const utils = type DeepMap<T, TValue> = IsAny<T> extends true
   ? any
   : T extends BrowserNativeObject | NestedValue
   ? TValue
   : T extends object
   ? { [K in keyof T]: DeepMap<NonUndefined<T[K]>, TValue> }
-  : TValue;
+  : TValue;;
 
-export type IsFlatObject<T extends object> = Extract<
+export const utils = type IsFlatObject<T extends object> = Extract<
   Exclude<T[keyof T], NestedValue | Date | FileList>,
   any[] | object
 > extends never
   ? true
-  : false;
+  : false;;
 
-export type Merge<A, B> = {
+export const utils = type Merge<A, B> = {
   [K in keyof A | keyof B]?: K extends keyof A & keyof B
     ? [A[K], B[K]] extends [object, object]
       ? Merge<A[K], B[K]>
diff --git a/src/types/validator.ts b/src/types/validator.ts
index d1a62067d31..349fea5a6ba 100644
--- a/src/types/validator.ts
+++ b/src/types/validator.ts
@@ -2,26 +2,26 @@ import { Message } from './errors';
 import { FieldValues, InternalFieldName } from './fields';
 import { FieldPath, FieldPathValue } from './path';
 
-export type ValidationValue = boolean | number | string | RegExp;
+export const validator = type ValidationValue = boolean | number | string | RegExp;
 
-export type ValidationRule<
+export const validator = type ValidationRule<
   TValidationValue extends ValidationValue = ValidationValue,
 > = TValidationValue | ValidationValueMessage<TValidationValue>;
 
-export type ValidationValueMessage<
+export const validator = type ValidationValueMessage<
   TValidationValue extends ValidationValue = ValidationValue,
 > = {
   value: TValidationValue;
   message: Message;
-};
+}
 
-export type ValidateResult = Message | Message[] | boolean | undefined;
+export const validator = type ValidateResult = Message | Message[] | boolean | undefined;
 
-export type Validate<TFieldValue> = (
+export const validator = type Validate<TFieldValue> = (
   value: TFieldValue,
 ) => ValidateResult | Promise<ValidateResult>;
 
-export type RegisterOptions<
+export const validator = type RegisterOptions<
   TFieldValues extends FieldValues = FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 > = Partial<{
diff --git a/src/useFormContext.tsx b/src/useFormContext.tsx
index 376bde9c5f3..3654cbb4b6d 100644
--- a/src/useFormContext.tsx
+++ b/src/useFormContext.tsx
@@ -34,7 +34,7 @@ const HookFormContext = React.createContext<UseFormReturn | null>(null);
  * }
  * ```
  */
-export const useFormContext = <
+export const useFormContext = const useFormContext = <
   TFieldValues extends FieldValues,
 >(): UseFormReturn<TFieldValues> =>
   React.useContext(HookFormContext) as unknown as UseFormReturn<TFieldValues>;
@@ -69,7 +69,7 @@ export const useFormContext = <
  * }
  * ```
  */
-export const FormProvider = <TFieldValues extends FieldValues, TContext = any>(
+export const useFormContext = const FormProvider = <TFieldValues extends FieldValues, TContext = any>(
   props: FormProviderProps<TFieldValues, TContext>,
 ) => {
   const { children, ...data } = props;
diff --git a/src/useFormState.ts b/src/useFormState.ts
index 7ff6f54ef2f..db67bae3745 100644
--- a/src/useFormState.ts
+++ b/src/useFormState.ts
@@ -98,4 +98,4 @@ function useFormState<TFieldValues extends FieldValues = FieldValues>(
   );
 }
 
-export { useFormState };
+export const useFormState = ;
diff --git a/src/useWatch.ts b/src/useWatch.ts
index 585b6f57065..721b455d877 100644
--- a/src/useWatch.ts
+++ b/src/useWatch.ts
@@ -40,7 +40,7 @@ import { useSubscribe } from './useSubscribe';
  * })
  * ```
  */
-export function useWatch<
+export const useWatch = function useWatch<
   TFieldValues extends FieldValues = FieldValues,
 >(props: {
   defaultValue?: DeepPartialSkipArrayKey<TFieldValues>;
@@ -68,7 +68,7 @@ export function useWatch<
  * })
  * ```
  */
-export function useWatch<
+export const useWatch = function useWatch<
   TFieldValues extends FieldValues = FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: {
@@ -101,7 +101,7 @@ export function useWatch<
  * })
  * ```
  */
-export function useWatch<
+export const useWatch = function useWatch<
   TFieldValues extends FieldValues = FieldValues,
   TFieldNames extends readonly FieldPath<TFieldValues>[] = readonly FieldPath<TFieldValues>[],
 >(props: {
@@ -124,7 +124,7 @@ export function useWatch<
  * const values = useWatch()
  * ```
  */
-export function useWatch<
+export const useWatch = function useWatch<
   TFieldValues extends FieldValues = FieldValues,
   TFieldNames extends FieldPath<TFieldValues>[] = FieldPath<TFieldValues>[],
 >(): FieldPathValues<TFieldValues, TFieldNames>;
diff --git a/src/utils/append.ts b/src/utils/append.ts
index 09897ad7496..9608d8ee0c9 100644
--- a/src/utils/append.ts
+++ b/src/utils/append.ts
@@ -1,5 +1,5 @@
 import convertToArrayPayload from './convertToArrayPayload';
 
-export default function append<T>(data: T[], value: T | T[]): T[] {
+export function append<T>(data: T[], value: T | T[]): T[] {
   return [...data, ...convertToArrayPayload(value)];
 }
diff --git a/src/utils/cloneObject.ts b/src/utils/cloneObject.ts
index 6b2dc9cd74a..1e458a9314c 100644
--- a/src/utils/cloneObject.ts
+++ b/src/utils/cloneObject.ts
@@ -2,7 +2,7 @@ import isFunction from './isFunction';
 import isObject from './isObject';
 import isWeb from './isWeb';
 
-export default function cloneObject<T>(data: T): T {
+export function cloneObject<T>(data: T): T {
   let copy: any;
   const isArray = Array.isArray(data);
 
diff --git a/src/utils/compact.ts b/src/utils/compact.ts
index 35779202e06..27f9bf641cc 100644
--- a/src/utils/compact.ts
+++ b/src/utils/compact.ts
@@ -1,2 +1,2 @@
-export default <TValue>(value: TValue[]) =>
+export const compact = <TValue>(value: TValue[]) =>
   Array.isArray(value) ? value.filter(Boolean) : [];
diff --git a/src/utils/convertToArrayPayload.ts b/src/utils/convertToArrayPayload.ts
index f68ec705ed4..f9dd0edcd94 100644
--- a/src/utils/convertToArrayPayload.ts
+++ b/src/utils/convertToArrayPayload.ts
@@ -1 +1 @@
-export default <T>(value: T) => (Array.isArray(value) ? value : [value]);
+export const convertToArrayPayload = <T>(value: T) => (Array.isArray(value) ? value : [value]);
diff --git a/src/utils/createSubject.ts b/src/utils/createSubject.ts
index f4308cbca6d..b061021f14a 100644
--- a/src/utils/createSubject.ts
+++ b/src/utils/createSubject.ts
@@ -1,20 +1,20 @@
 import { Noop } from '../types';
 
-export type Observer<T> = {
+export const createSubject = type Observer<T> = {
   next: (value: T) => void;
-};
+};;
 
-export type Subscription = {
+export const createSubject = type Subscription = {
   unsubscribe: Noop;
 };
 
-export type Subject<T> = {
+export const createSubject = type Subject<T> = {
   readonly observers: Observer<T>[];
   subscribe: (value: Observer<T>) => Subscription;
   unsubscribe: Noop;
 } & Observer<T>;
 
-export default function createSubject<T>(): Subject<T> {
+export function createSubject<T>(): Subject<T> {
   let _observers: Observer<T>[] = [];
 
   const next = (value: T) => {
diff --git a/src/utils/deepEqual.ts b/src/utils/deepEqual.ts
index 5156278e5aa..0156246c96a 100644
--- a/src/utils/deepEqual.ts
+++ b/src/utils/deepEqual.ts
@@ -3,7 +3,7 @@ import isObject from '../utils/isObject';
 import isDateObject from './isDateObject';
 import isPrimitive from './isPrimitive';
 
-export default function deepEqual(object1: any, object2: any) {
+export function deepEqual(object1: any, object2: any) {
   if (isPrimitive(object1) || isPrimitive(object2)) {
     return object1 === object2;
   }
diff --git a/src/utils/fillBooleanArray.ts b/src/utils/fillBooleanArray.ts
index 0b01a48767b..4ee2296d9bf 100644
--- a/src/utils/fillBooleanArray.ts
+++ b/src/utils/fillBooleanArray.ts
@@ -1,7 +1,7 @@
 import convertToArrayPayload from './convertToArrayPayload';
 import isObject from './isObject';
 
-export default <T>(value: T) =>
+export const fillBooleanArray = <T>(value: T) =>
   (convertToArrayPayload(value) as T[]).map((data) => {
     if (isObject(data)) {
       const object: Record<string, boolean> = {};
diff --git a/src/utils/fillEmptyArray.ts b/src/utils/fillEmptyArray.ts
index 094400392c7..c9df8557296 100644
--- a/src/utils/fillEmptyArray.ts
+++ b/src/utils/fillEmptyArray.ts
@@ -1,2 +1,2 @@
-export default <T>(value: T | T[]): undefined[] | undefined =>
+export const fillEmptyArray = <T>(value: T | T[]): undefined[] | undefined =>
   Array.isArray(value) ? value.map(() => undefined) : undefined;
diff --git a/src/utils/get.ts b/src/utils/get.ts
index 51937afae6c..9c55c1215ad 100644
--- a/src/utils/get.ts
+++ b/src/utils/get.ts
@@ -3,7 +3,7 @@ import isNullOrUndefined from './isNullOrUndefined';
 import isObject from './isObject';
 import isUndefined from './isUndefined';
 
-export default <T>(obj: T, path: string, defaultValue?: unknown): any => {
+export const get = <T>(obj: T, path: string, defaultValue?: unknown): any => {
   if (!path || !isObject(obj)) {
     return defaultValue;
   }
diff --git a/src/utils/getValidationModes.ts b/src/utils/getValidationModes.ts
index 9c7f373d8f4..c4874981076 100644
--- a/src/utils/getValidationModes.ts
+++ b/src/utils/getValidationModes.ts
@@ -1,7 +1,7 @@
 import { VALIDATION_MODE } from '../constants';
 import { Mode } from '../types';
 
-export default (
+export const getValidationModes = (
   mode?: Mode,
 ): {
   isOnSubmit: boolean;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index cfefb72092c..15bafe9ae23 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,4 +1,4 @@
 import get from './get';
 import set from './set';
 
-export { get, set };
+export const index = ;
diff --git a/src/utils/insert.ts b/src/utils/insert.ts
index 8ed53248b2f..fabaad5d3be 100644
--- a/src/utils/insert.ts
+++ b/src/utils/insert.ts
@@ -1,12 +1,12 @@
 import convertToArrayPayload from './convertToArrayPayload';
 
-export default function insert<T>(data: T[], index: number): (T | undefined)[];
-export default function insert<T>(
+export const insert = function insert<T>(data: T[], index: number): (T | undefined)[];;
+export const insert = function insert<T>(
   data: T[],
   index: number,
   value: T | T[],
-): T[];
-export default function insert<T>(
+): T[];;
+export function insert<T>(
   data: T[],
   index: number,
   value?: T | T[],
diff --git a/src/utils/isBoolean.ts b/src/utils/isBoolean.ts
index 904116f6ccd..a13bfbacb5b 100644
--- a/src/utils/isBoolean.ts
+++ b/src/utils/isBoolean.ts
@@ -1 +1 @@
-export default (value: unknown): value is boolean => typeof value === 'boolean';
+export const isBoolean = (value: unknown): value is boolean => typeof value === 'boolean';
diff --git a/src/utils/isCheckBoxInput.ts b/src/utils/isCheckBoxInput.ts
index bacdd783aaf..379d8234517 100644
--- a/src/utils/isCheckBoxInput.ts
+++ b/src/utils/isCheckBoxInput.ts
@@ -1,4 +1,4 @@
 import { FieldElement } from '../types';
 
-export default (element: FieldElement): element is HTMLInputElement =>
+export const isCheckBoxInput = (element: FieldElement): element is HTMLInputElement =>
   element.type === 'checkbox';
diff --git a/src/utils/isDateObject.ts b/src/utils/isDateObject.ts
index 75d199b655c..b230d85e10e 100644
--- a/src/utils/isDateObject.ts
+++ b/src/utils/isDateObject.ts
@@ -1 +1 @@
-export default (value: unknown): value is Date => value instanceof Date;
+export const isDateObject = (value: unknown): value is Date => value instanceof Date;
diff --git a/src/utils/isEmptyObject.ts b/src/utils/isEmptyObject.ts
index c31e42e1f7b..b8a4362203a 100644
--- a/src/utils/isEmptyObject.ts
+++ b/src/utils/isEmptyObject.ts
@@ -2,5 +2,5 @@ import { EmptyObject } from '../types';
 
 import isObject from './isObject';
 
-export default (value: unknown): value is EmptyObject =>
+export const isEmptyObject = (value: unknown): value is EmptyObject =>
   isObject(value) && !Object.keys(value).length;
diff --git a/src/utils/isFileInput.ts b/src/utils/isFileInput.ts
index 60ad0c1cd8a..3f4f38fa8a9 100644
--- a/src/utils/isFileInput.ts
+++ b/src/utils/isFileInput.ts
@@ -1,4 +1,4 @@
 import { FieldElement } from '../types';
 
-export default (element: FieldElement): element is HTMLInputElement =>
+export const isFileInput = (element: FieldElement): element is HTMLInputElement =>
   element.type === 'file';
diff --git a/src/utils/isFunction.ts b/src/utils/isFunction.ts
index 106057782d3..b661f96dbd4 100644
--- a/src/utils/isFunction.ts
+++ b/src/utils/isFunction.ts
@@ -1,2 +1,2 @@
-export default (value: unknown): value is Function =>
+export const isFunction = (value: unknown): value is Function =>
   typeof value === 'function';
diff --git a/src/utils/isHTMLElement.ts b/src/utils/isHTMLElement.ts
index 6f9091e10c8..38ad4922b2c 100644
--- a/src/utils/isHTMLElement.ts
+++ b/src/utils/isHTMLElement.ts
@@ -1,4 +1,4 @@
-export default (value: unknown): value is HTMLElement => {
+export const isHTMLElement = (value: unknown): value is HTMLElement => {
   const owner = value ? ((value as HTMLElement).ownerDocument as Document) : 0;
   const ElementClass =
     owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement;
diff --git a/src/utils/isKey.ts b/src/utils/isKey.ts
index 248fadebfd8..86520314230 100644
--- a/src/utils/isKey.ts
+++ b/src/utils/isKey.ts
@@ -1 +1 @@
-export default (value: string) => /^\w*$/.test(value);
+export const isKey = (value: string) => /^\w*$/.test(value);
diff --git a/src/utils/isMessage.ts b/src/utils/isMessage.ts
index a22d32fb2af..521deb97a87 100644
--- a/src/utils/isMessage.ts
+++ b/src/utils/isMessage.ts
@@ -3,5 +3,5 @@ import React from 'react';
 import { Message } from '../types';
 import isString from '../utils/isString';
 
-export default (value: unknown): value is Message =>
+export const isMessage = (value: unknown): value is Message =>
   isString(value) || React.isValidElement(value as JSX.Element);
diff --git a/src/utils/isMultipleSelect.ts b/src/utils/isMultipleSelect.ts
index 521babc0043..f9deb22abc8 100644
--- a/src/utils/isMultipleSelect.ts
+++ b/src/utils/isMultipleSelect.ts
@@ -1,4 +1,4 @@
 import { FieldElement } from '../types';
 
-export default (element: FieldElement): element is HTMLSelectElement =>
+export const isMultipleSelect = (element: FieldElement): element is HTMLSelectElement =>
   element.type === `select-multiple`;
diff --git a/src/utils/isNullOrUndefined.ts b/src/utils/isNullOrUndefined.ts
index 65e6c161156..c4ae785a686 100644
--- a/src/utils/isNullOrUndefined.ts
+++ b/src/utils/isNullOrUndefined.ts
@@ -1 +1 @@
-export default (value: unknown): value is null | undefined => value == null;
+export const isNullOrUndefined = (value: unknown): value is null | undefined => value == null;
diff --git a/src/utils/isObject.ts b/src/utils/isObject.ts
index 90fef68e4af..d4b41081757 100644
--- a/src/utils/isObject.ts
+++ b/src/utils/isObject.ts
@@ -1,9 +1,9 @@
 import isDateObject from './isDateObject';
 import isNullOrUndefined from './isNullOrUndefined';
 
-export const isObjectType = (value: unknown) => typeof value === 'object';
+export const isObject = const isObjectType = (value: unknown) => typeof value === 'object';
 
-export default <T extends object>(value: unknown): value is T =>
+export const isObject = <T extends object>(value: unknown): value is T =>
   !isNullOrUndefined(value) &&
   !Array.isArray(value) &&
   isObjectType(value) &&
diff --git a/src/utils/isPrimitive.ts b/src/utils/isPrimitive.ts
index 436d1bc241a..074ac49c546 100644
--- a/src/utils/isPrimitive.ts
+++ b/src/utils/isPrimitive.ts
@@ -3,5 +3,5 @@ import { Primitive } from '../types';
 import isNullOrUndefined from './isNullOrUndefined';
 import { isObjectType } from './isObject';
 
-export default (value: unknown): value is Primitive =>
+export const isPrimitive = (value: unknown): value is Primitive =>
   isNullOrUndefined(value) || !isObjectType(value);
diff --git a/src/utils/isRadioInput.ts b/src/utils/isRadioInput.ts
index b03507c13e2..d2d62a219cf 100644
--- a/src/utils/isRadioInput.ts
+++ b/src/utils/isRadioInput.ts
@@ -1,4 +1,4 @@
 import { FieldElement } from '../types';
 
-export default (element: FieldElement): element is HTMLInputElement =>
+export const isRadioInput = (element: FieldElement): element is HTMLInputElement =>
   element.type === 'radio';
diff --git a/src/utils/isRadioOrCheckbox.ts b/src/utils/isRadioOrCheckbox.ts
index cee74e6a3fd..1771330bc8d 100644
--- a/src/utils/isRadioOrCheckbox.ts
+++ b/src/utils/isRadioOrCheckbox.ts
@@ -3,5 +3,5 @@ import { FieldElement } from '../types';
 import isCheckBoxInput from './isCheckBoxInput';
 import isRadioInput from './isRadioInput';
 
-export default (ref: FieldElement): ref is HTMLInputElement =>
+export const isRadioOrCheckbox = (ref: FieldElement): ref is HTMLInputElement =>
   isRadioInput(ref) || isCheckBoxInput(ref);
diff --git a/src/utils/isRegex.ts b/src/utils/isRegex.ts
index 040a3d85aa9..b83a6967eec 100644
--- a/src/utils/isRegex.ts
+++ b/src/utils/isRegex.ts
@@ -1 +1 @@
-export default (value: unknown): value is RegExp => value instanceof RegExp;
+export const isRegex = (value: unknown): value is RegExp => value instanceof RegExp;
diff --git a/src/utils/isSelectInput.ts b/src/utils/isSelectInput.ts
index 6af9bb974fd..4c851e056b1 100644
--- a/src/utils/isSelectInput.ts
+++ b/src/utils/isSelectInput.ts
@@ -1,4 +1,4 @@
 import { FieldElement } from '../types';
 
-export default (element: FieldElement): element is HTMLSelectElement =>
+export const isSelectInput = (element: FieldElement): element is HTMLSelectElement =>
   element.type === 'select-one';
diff --git a/src/utils/isString.ts b/src/utils/isString.ts
index 701907e1b89..c1986267034 100644
--- a/src/utils/isString.ts
+++ b/src/utils/isString.ts
@@ -1 +1 @@
-export default (value: unknown): value is string => typeof value === 'string';
+export const isString = (value: unknown): value is string => typeof value === 'string';
diff --git a/src/utils/isUndefined.ts b/src/utils/isUndefined.ts
index 45c6b2cc778..bd83caaeaab 100644
--- a/src/utils/isUndefined.ts
+++ b/src/utils/isUndefined.ts
@@ -1 +1 @@
-export default (val: unknown): val is undefined => val === undefined;
+export const isUndefined = (val: unknown): val is undefined => val === undefined;
diff --git a/src/utils/isWeb.ts b/src/utils/isWeb.ts
index 087a32204f6..99b2e842d6e 100644
--- a/src/utils/isWeb.ts
+++ b/src/utils/isWeb.ts
@@ -1,3 +1,3 @@
-export default typeof window !== 'undefined' &&
+export const isWeb = typeof window !== 'undefined' &&
   typeof window.HTMLElement !== 'undefined' &&
   typeof document !== 'undefined';
diff --git a/src/utils/live.ts b/src/utils/live.ts
index 54b1727b0c0..7a9fb245195 100644
--- a/src/utils/live.ts
+++ b/src/utils/live.ts
@@ -2,4 +2,4 @@ import { Ref } from '../types';
 
 import isHTMLElement from './isHTMLElement';
 
-export default (ref: Ref) => isHTMLElement(ref) && ref.isConnected;
+export const live = (ref: Ref) => isHTMLElement(ref) && ref.isConnected;
diff --git a/src/utils/move.ts b/src/utils/move.ts
index 68171697fea..82a69851cdd 100644
--- a/src/utils/move.ts
+++ b/src/utils/move.ts
@@ -1,6 +1,6 @@
 import isUndefined from './isUndefined';
 
-export default <T>(
+export const move = <T>(
   data: (T | undefined)[],
   from: number,
   to: number,
diff --git a/src/utils/objectHasFunction.ts b/src/utils/objectHasFunction.ts
index 232e50ece94..0d7513aa21c 100644
--- a/src/utils/objectHasFunction.ts
+++ b/src/utils/objectHasFunction.ts
@@ -1,6 +1,6 @@
 import isFunction from './isFunction';
 
-export default <T>(data: T): boolean => {
+export const objectHasFunction = <T>(data: T): boolean => {
   for (const key in data) {
     if (isFunction(data[key])) {
       return true;
diff --git a/src/utils/omit.ts b/src/utils/omit.ts
index 15ad077bdb9..ed6b57dd0de 100644
--- a/src/utils/omit.ts
+++ b/src/utils/omit.ts
@@ -1,4 +1,4 @@
-export default <Key extends string, T extends Record<Key, any>>(
+export const omit = <Key extends string, T extends Record<Key, any>>(
   source: T,
   key: Key,
 ): Omit<T, Key> => {
diff --git a/src/utils/prepend.ts b/src/utils/prepend.ts
index 661cb4af7f9..3c295a7569b 100644
--- a/src/utils/prepend.ts
+++ b/src/utils/prepend.ts
@@ -1,5 +1,5 @@
 import convertToArrayPayload from './convertToArrayPayload';
 
-export default function prepend<T>(data: T[], value: T | T[]): T[] {
+export function prepend<T>(data: T[], value: T | T[]): T[] {
   return [...convertToArrayPayload(value), ...convertToArrayPayload(data)];
 }
diff --git a/src/utils/remove.ts b/src/utils/remove.ts
index efe2af518d4..1c370685f5b 100644
--- a/src/utils/remove.ts
+++ b/src/utils/remove.ts
@@ -14,7 +14,7 @@ function removeAtIndexes<T>(data: T[], indexes: number[]): T[] {
   return compact(temp).length ? temp : [];
 }
 
-export default <T>(data: T[], index?: number | number[]): T[] =>
+export const remove = <T>(data: T[], index?: number | number[]): T[] =>
   isUndefined(index)
     ? []
     : removeAtIndexes(
diff --git a/src/utils/set.ts b/src/utils/set.ts
index 467e44ac770..484039709be 100644
--- a/src/utils/set.ts
+++ b/src/utils/set.ts
@@ -4,7 +4,7 @@ import isKey from './isKey';
 import isObject from './isObject';
 import stringToPath from './stringToPath';
 
-export default function set(
+export function set(
   object: FieldValues,
   path: string,
   value?: unknown,
diff --git a/src/utils/stringToPath.ts b/src/utils/stringToPath.ts
index 57ba898920b..4965afe8d2c 100644
--- a/src/utils/stringToPath.ts
+++ b/src/utils/stringToPath.ts
@@ -1,4 +1,4 @@
 import compact from './compact';
 
-export default (input: string): string[] =>
+export const stringToPath = (input: string): string[] =>
   compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
diff --git a/src/utils/swap.ts b/src/utils/swap.ts
index e26ff44d9e3..c9135928176 100644
--- a/src/utils/swap.ts
+++ b/src/utils/swap.ts
@@ -1,3 +1,3 @@
-export default <T>(data: T[], indexA: number, indexB: number): void => {
+export const swap = <T>(data: T[], indexA: number, indexB: number): void => {
   data[indexA] = [data[indexB], (data[indexB] = data[indexA])][0];
 };
diff --git a/src/utils/unset.ts b/src/utils/unset.ts
index 2f777db3ba3..8d35e237f7c 100644
--- a/src/utils/unset.ts
+++ b/src/utils/unset.ts
@@ -24,7 +24,7 @@ function isEmptyArray(obj: unknown[]) {
   return true;
 }
 
-export default function unset(object: any, path: string) {
+export function unset(object: any, path: string) {
   const updatePath = isKey(path) ? [path] : stringToPath(path);
   const childObject =
     updatePath.length == 1 ? object : baseGet(object, updatePath);
diff --git a/src/utils/update.ts b/src/utils/update.ts
index b3ac5f35c93..ab966789394 100644
--- a/src/utils/update.ts
+++ b/src/utils/update.ts
@@ -1,4 +1,4 @@
-export default <T>(fieldValues: T[], index: number, value: T) => {
+export const update = <T>(fieldValues: T[], index: number, value: T) => {
   fieldValues[index] = value;
   return fieldValues;
 };