How to use openapi with tanstack?

[bkniffler]

I'm using the SPA tanstack start example. Was able to get icons and other stuff working, but struggling with the openapi plugin.

Its working if I use APIPage: () => null, so something in the createAPIPage is not working good for tanstack/vite.

components/api-page

import { createAPIPage } from 'fumadocs-openapi/ui';
import { defineClientConfig } from 'fumadocs-openapi/ui/client';
import { openapi } from '@/lib/openapi';

const client = defineClientConfig({
  // client-side config
});

export const APIPage = createAPIPage(openapi, {
  client,
});

mdx components

import defaultMdxComponents from 'fumadocs-ui/mdx';
import type { MDXComponents } from 'mdx/types';
import { APIPage } from './components/api-page';

export function getMDXComponents(components?: MDXComponents): MDXComponents {
  return {
    ...defaultMdxComponents,
    APIPage,
    ...components,
  };
}

Receiving error

Unhandled Promise Rejection: SyntaxError: Importing binding name 'default' cannot be resolved by star export entries.

[bkniffler]

Ah, just saw for openapi

Before Reading
Only OpenAPI 3.0 and 3.1 are supported.
It only works under RSC environments.

Dang, generally generating the routes works well, its just rendering the APIPage that causes trouble.