in App Router

Next.js App Router 환경에서 Sicilian은 반드시 ‘use client’를 붙여서 사용해야 합니다. 이는 Sicilian을 구성하는 ─ useSyncExternalStore, useContext 등의 ─ 요소는 모두 ‘use client’를 필요로 하기 때문입니다. 그 외의 문법은 기존과 동일하게 사용할 수 있습니다.

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