Waku Adapter

Using nuqs in ⛩️ Waku applications.

François Best

François Best

@franky47

Installation

npx shadcn@latest add @nuqs/adapter-waku

Usage

Waku is supported as a community-contributed adapter.

Install the adapter using the CLI or copy/paste above, then integrate the adapter into a _layout.tsx or _root.tsx file, by wrapping the {children} component:

app/_layout.tsx
import { Suspense, type ReactNode } from 'react'

import { NuqsAdapter } from './nuqs-waku-adapter'

type LayoutProps = { children: ReactNode }

export default async function Layout({ children }: LayoutProps) {
  return (
    <>
      <NuqsAdapter>
        <Suspense>{children}</Suspense>
      </NuqsAdapter>
    </>
  )
}

export const getConfig = async () => {
  return {
    render: 'dynamic'
    // render: 'static', // works but can cause hydration warnings
  } as const
}

The custom adapters APIs are not yet stable and may change in the future in a minor or patch release (not following SemVer).

Use the registry's RSS feed to stay updated on any changes.

On this page