Back to Storybook

Tanstack React Dynamic Params

docs/_snippets/tanstack-react-dynamic-params.md

10.4.0949 B
Original Source
ts
import type { Meta } from '@storybook/tanstack-react';

import { Route } from './$id';

const meta = {
  parameters: {
    tanstack: {
      router: {
        route: Route,
        params: { id: '42' },
        routeOverrides: {
          '/showcase/$id': {
            loader: () => ({ item: mockItem }),
          },
        },
      },
    },
  },
} satisfies Meta<typeof Route>;

export default meta;
ts
import preview from '../.storybook/preview';

import { Route } from './$id';

const meta = preview.meta({
  parameters: {
    tanstack: {
      router: {
        route: Route,
        params: { id: '42' },
        routeOverrides: {
          '/showcase/$id': {
            loader: () => ({ item: mockItem }),
          },
        },
      },
    },
  },
});