[bot] Run grit migration: Apply a GritQL pattern

app/src/app.tsx

@@ -118,4 +118,4 @@ const App: React.FC = () => {
   );
 };
 
-export default App;
+export const app = App;

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;

app/src/basic.tsx

@@ -166,4 +166,4 @@ const Basic: React.FC = () => {
   );
 };
 
-export default Basic;
+export const basic = Basic;

app/src/basicSchemaValidation.tsx

@@ -110,4 +110,4 @@ const BasicSchemaValidation: React.FC = () => {
   );
 };
 
-export default BasicSchemaValidation;
+export const basicSchemaValidation = BasicSchemaValidation;

app/src/conditionalField.tsx

@@ -102,4 +102,4 @@ const ConditionalField: React.FC = () => {
   );
 };
 
-export default ConditionalField;
+export const conditionalField = ConditionalField;

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,

app/src/crossFrameForm.tsx

@@ -80,4 +80,4 @@ const FrameForm: React.FC = () => {
   );
 };
 
-export default CrossFrameForm;
+export const crossFrameForm = CrossFrameForm;

app/src/customSchemaValidation.tsx

@@ -114,4 +114,4 @@ const BasicSchemaValidation: React.FC = () => {
   );
 };
 
-export default BasicSchemaValidation;
+export const customSchemaValidation = BasicSchemaValidation;

app/src/defaultValues.tsx

@@ -48,4 +48,4 @@ function DefaultValues() {
   );
 }
 
-export default DefaultValues;
+export const defaultValues = DefaultValues;

app/src/formState.tsx

@@ -87,4 +87,4 @@ const FormState = () => {
   );
 };
 
-export default FormState;
+export const formState = FormState;

app/src/formStateWithNestedFields.tsx

@@ -104,4 +104,4 @@ const FormStateWithNestedFields = () => {
   );
 };
 
-export default FormStateWithNestedFields;
+export const formStateWithNestedFields = FormStateWithNestedFields;

app/src/formStateWithSchema.tsx

@@ -91,4 +91,4 @@ const FormStateWithSchema: React.FC = () => {
   );
 };
 
-export default FormStateWithSchema;
+export const formStateWithSchema = FormStateWithSchema;

app/src/isValid.tsx

@@ -104,4 +104,4 @@ const IsValid: React.FC = () => {
   );
 };
 
-export default IsValid;
+export const isValid = IsValid;

app/src/manualRegisterForm.tsx

@@ -214,4 +214,4 @@ const ManualRegisterForm: React.FC = () => {
   );
 };
 
-export default ManualRegisterForm;
+export const manualRegisterForm = ManualRegisterForm;

app/src/reValidateMode.tsx

@@ -40,4 +40,4 @@ const Basic: React.FC = () => {
   );
 };
 
-export default Basic;
+export const reValidateMode = Basic;

app/src/reset.tsx

@@ -48,4 +48,4 @@ function Reset() {
   );
 }
 
-export default Reset;
+export const reset = Reset;

app/src/setError.tsx

@@ -116,4 +116,4 @@ const SetError: React.FC = () => {
   );
 };
 
-export default SetError;
+export const setError = SetError;

app/src/setFocus.tsx

@@ -70,4 +70,4 @@ const SetFocus = () => {
   );
 };
 
-export default SetFocus;
+export const setFocus = SetFocus;

app/src/setValue.tsx

@@ -141,4 +141,4 @@ const SetValue: React.FC = () => {
   );
 };
 
-export default SetValue;
+export const setValue = SetValue;

app/src/setValueCustomRegister.tsx

@@ -68,4 +68,4 @@ const SetValueCustomRegister: React.FC = () => {
   );
 };
 
-export default SetValueCustomRegister;
+export const setValueCustomRegister = SetValueCustomRegister;

app/src/setValueStrictMode.tsx

@@ -49,4 +49,4 @@ const SetValueAsyncStrictMode = () => {
   );
 };
 
-export default SetValueAsyncStrictMode;
+export const setValueStrictMode = SetValueAsyncStrictMode;

app/src/setValueWithSchema.tsx

@@ -102,4 +102,4 @@ const SetValueWithSchema: React.FC = () => {
   );
 };
 
-export default SetValueWithSchema;
+export const setValueWithSchema = SetValueWithSchema;

app/src/setValueWithTrigger.tsx

@@ -71,4 +71,4 @@ const SetValueWithTrigger: React.FC = () => {
   );
 };
 
-export default SetValueWithTrigger;
+export const setValueWithTrigger = SetValueWithTrigger;

app/src/test.tsx

@@ -79,4 +79,4 @@ const Component = () => {
   );
 };
 
-export default Component;
+export const test = Component;

app/src/triggerValidation.tsx

@@ -44,4 +44,4 @@ function TriggerValidation() {
   );
 }
 
-export default TriggerValidation;
+export const triggerValidation = TriggerValidation;

app/src/useFieldArray.tsx

@@ -332,4 +332,4 @@ const UseFieldArray: React.FC = () => {
   );
 };
 
-export default UseFieldArray;
+export const useFieldArray = UseFieldArray;

app/src/useFieldArrayNested.tsx

@@ -118,7 +118,7 @@ function NestedArray({
   );
 }
 
-export default () => {
+export const useFieldArrayNested = () => {
   const { register, control, reset, setValue, handleSubmit } =
     useForm<FormValues>({
       defaultValues: {

app/src/useFieldArrayUnregister.tsx

@@ -172,4 +172,4 @@ const UseFieldArrayUnregister: React.FC = () => {
   );
 };
 
-export default UseFieldArrayUnregister;
+export const useFieldArrayUnregister = UseFieldArrayUnregister;

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',
   });

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++;

app/src/useWatchUseFieldArrayNested.tsx

@@ -118,7 +118,7 @@ function NestedArray({
   );
 }
 
-export default () => {
+export const useWatchUseFieldArrayNested = () => {
   const { register, control, reset, setValue, handleSubmit } =
     useForm<FormValues>({
       defaultValues: {

app/src/validateFieldCriteria.tsx

@@ -190,4 +190,4 @@ const ValidateFieldCriteria: React.FC = () => {
   );
 };
 
-export default ValidateFieldCriteria;
+export const validateFieldCriteria = ValidateFieldCriteria;

app/src/watch.tsx

@@ -53,4 +53,4 @@ const Watch: React.FC = () => {
   );
 };
 
-export default Watch;
+export const watch = Watch;

app/src/watchDefaultValues.tsx

@@ -42,4 +42,4 @@ function WatchDefaultValues() {
   );
 }
 
-export default WatchDefaultValues;
+export const watchDefaultValues = WatchDefaultValues;

app/src/watchUseFieldArray.tsx

@@ -113,4 +113,4 @@ const WatchUseFieldArray: React.FC = () => {
   );
 };
 
-export default WatchUseFieldArray;
+export const watchUseFieldArray = WatchUseFieldArray;

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

app/src/welcome/index.tsx

@@ -246,4 +246,4 @@ const Component: React.FC = () => {
   );
 };
 
-export default Component;
+export const index = Component;

app/src/welcome/styles.ts

@@ -1,52 +1,52 @@
-export const page: object = {
+export const styles = const page: object = {
   minHeight: '100vh',
   color: 'white',
   padding: '1rem',
   fontFamily:
     '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',
   display: 'inline-block',
   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',

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()],
 });

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.

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) => {

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));

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));

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);

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));

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));

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));