in App Router

In Next.js App Router environments, sicilian must be used from client components (add "use client") because building blocks (useSyncExternalStore, useContext, etc.) require client execution. Other syntax remains the same as before.

'use client'
import { SicilianProvider } from "@ilokesto/sicilian/provider";
import { useForm } from "@ilokesto/sicilian";
import Input from "@/component/Input";
 
export default function Home() {
  const { useRegister, useFields } = useForm({
    initValue: {
      email: "",
      password: ""
    }
  });

  return (
    <div>
      <SicilianProvider value={{ useRegister, name: "email", useFields }}>
        <Input />
      </SicilianProvider>

      <SicilianProvider value={{ useRegister, name: "password", useFields }}>
        <Input />
      </SicilianProvider>
    </div>
  )
}