How to get Route Type from Tanstack Start route tree gen

I am building a sidebar, thats configured by a const. I have the following type

import { FileRoutesByFullPath } from '@/routeTree.gen';
import { type LucideIcon } from 'lucide-react';

export type SidebarData = {
  navMain: {
    title: string;
    url: keyof FileRoutesByFullPath;
    icon?: LucideIcon;
    isActive?: boolean;
    items?: {
      title: string;
      url: keyof FileRoutesByFullPath;
    }[];
  }[];
};

import { FileRoutesByFullPath } from '@/routeTree.gen';
import { type LucideIcon } from 'lucide-react';

export type SidebarData = {
  navMain: {
    title: string;
    url: keyof FileRoutesByFullPath;
    icon?: LucideIcon;
    isActive?: boolean;
    items?: {
      title: string;
      url: keyof FileRoutesByFullPath;
    }[];
  }[];
};

I get a type error when passing in the URL to a <Link> component from react-router. Is this the correct way to do this?

TanStack•5mo ago•

1 reply

wet-aqua

How to get Route Type from Tanstack Start route tree gen

I am building a sidebar, thats configured by a const. I have the following type

import { FileRoutesByFullPath } from '@/routeTree.gen';
import { type LucideIcon } from 'lucide-react';

export type SidebarData = {
  navMain: {
    title: string;
    url: keyof FileRoutesByFullPath;
    icon?: LucideIcon;
    isActive?: boolean;
    items?: {
      title: string;
      url: keyof FileRoutesByFullPath;
    }[];
  }[];
};

import { FileRoutesByFullPath } from '@/routeTree.gen';
import { type LucideIcon } from 'lucide-react';

export type SidebarData = {
  navMain: {
    title: string;
    url: keyof FileRoutesByFullPath;
    icon?: LucideIcon;
    isActive?: boolean;
    items?: {
      title: string;
      url: keyof FileRoutesByFullPath;
    }[];
  }[];
};

I get a type error when passing in the URL to a <Link> component from react-router. Is this the correct way to do this?

How to get Route Type from Tanstack Start route tree gen

Similar Threads

How to get Route Type from Tanstack Start route tree gen

Similar Threads

Similar Threads

Similar Threads