> ## Documentation Index > Fetch the complete documentation index at: https://docs.usefrictionless.com/llms.txt > Use this file to discover all available pages before exploring further. # Next.js and React > Load the chat once in a layout that stays mounted, with types for window.Frictionless. ## Next.js Don't paste the raw tags into a component: `init()` can run before the script has loaded. Use `next/script` and put the component in your root layout, which stays mounted as visitors move between pages. ```tsx app/frictionless-chat.tsx theme={null} "use client"; import Script from "next/script"; export default function FrictionlessChat() { return ( ``` ## Single-page apps Load the chat once, in a layout that stays mounted. It keeps its conversation and open state as visitors move between pages, with or without a full page load. To tell agents where the visitor is, call `track()` when the route changes, for example `track("Viewed pricing")`. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.