fix: client directive

Author: harry-whorlow

packages/react-form/src/createFormHook.tsx

@@ -1,3 +1,4 @@
+'use client'
 /* eslint-disable @eslint-react/no-context-provider */
 import { createContext, useContext, useMemo } from 'react'
 import { useForm } from './useForm'

packages/react-form/src/useField.tsx

@@ -1,4 +1,6 @@
-import React, { useMemo, useState } from 'react'
+'use client'
+
+import { useMemo, useState } from 'react'
 import { useStore } from '@tanstack/react-store'
 import { FieldApi, functionalUpdate } from '@tanstack/form-core'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'

packages/react-form/src/useFieldGroup.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { useState } from 'react'
 import { useStore } from '@tanstack/react-store'
 import { FieldGroupApi, functionalUpdate } from '@tanstack/form-core'

packages/react-form/src/useForm.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { FormApi, functionalUpdate } from '@tanstack/form-core'
 import { useStore } from '@tanstack/react-store'
 import { useState } from 'react'