API リファレンス / IntentProvider

IntentProvider

アプリのルート付近に IntentProvider を一度だけ配置します。IntentLink と useIntentTarget の共有インテントエンジンを実行します。

使い方

// app/layout.tsx
import { IntentProvider } from "intent-link"

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <IntentProvider>{children}</IntentProvider>
      </body>
    </html>
  )
}

注意点

  • アプリでは1つの provider だけを使い、入れ子にしないでください。
  • 必要なのは children だけで、ほかに設定はありません。
  • クライアント境界を内包しているため、Next.js のサーバーレイアウトから直接 import できます。