in App Router

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

'use client'
import { SicilianProvider } from "@ilokesto/sicilian/provider";
import { register } from "@/component/play";
import Input from "@/component/Input";
 
export default function Home() {
  return (
    <div>
      <SicilianProvider value={{register, name: "email"}}>
        <Input />
      </SicilianProvider>
 
      <SicilianProvider value={{register, name: "password"}}>
        <Input />
      </SicilianProvider>
    </div>
  )
}