Using Base UI

Overview

Fumapress uses the Radix UI headless component library by default. If you are using Base UI, Fumapress also offers native support for Base UI.

You can enable it by aliasing fumadocs-ui:

npm i @base-ui/react fumadocs-ui@npm:@fumadocs/base-ui use-sync-external-store

And update your Vite config:

waku.config.ts

import { defineConfig } from "waku/config";
import tailwindcss from "@tailwindcss/vite";
import press from "fumapress/vite";
import mdx from "fumadocs-mdx/vite";

export default defineConfig({
  vite: {
    resolve: {
      // optional, but often solves some weird problems in monorepo
      dedupe: ["fumadocs-ui"],
    },
    optimizeDeps: {
      include: ["use-sync-external-store/shim/with-selector", "use-sync-external-store/shim"],
    },
    plugins: [press(), mdx(), tailwindcss()],
  },
});

Using Base UI

Overview

On this page