Strictly typed Link wrapper

I'd like to create a strictly typed

<Link>

<Link>

wrapper like the following example:

import { LinkProps, Link } from '@tanstack/react-router';

const CustomLink = ({ linkProps, children }: { linkProps: LinkProps; children: ReactNode; }) => {
   return <Link {...linkProps}>{children}</Link>
};

import { LinkProps, Link } from '@tanstack/react-router';

const CustomLink = ({ linkProps, children }: { linkProps: LinkProps; children: ReactNode; }) => {
   return <Link {...linkProps}>{children}</Link>
};

But this is unfortunately not strictly typed. TS will not understand that a certain

to

to

prop requires the corresponding

params

params

.

Has anyone got this to work? I've tried different link prop types:

LinkOptions, LinkProps, LinkPropsOptions, NavigateOptions, ToOptions

LinkOptions, LinkProps, LinkPropsOptions, NavigateOptions, ToOptions

TanStack•3y ago•

17 replies

rubber-blue

Strictly typed Link wrapper

I'd like to create a strictly typed

<Link>

<Link>

wrapper like the following example:

import { LinkProps, Link } from '@tanstack/react-router';

const CustomLink = ({ linkProps, children }: { linkProps: LinkProps; children: ReactNode; }) => {
   return <Link {...linkProps}>{children}</Link>
};

import { LinkProps, Link } from '@tanstack/react-router';

const CustomLink = ({ linkProps, children }: { linkProps: LinkProps; children: ReactNode; }) => {
   return <Link {...linkProps}>{children}</Link>
};

But this is unfortunately not strictly typed. TS will not understand that a certain

to

to

prop requires the corresponding

params

params

.

Has anyone got this to work? I've tried different link prop types:

LinkOptions, LinkProps, LinkPropsOptions, NavigateOptions, ToOptions

LinkOptions, LinkProps, LinkPropsOptions, NavigateOptions, ToOptions

Strictly typed Link wrapper

Similar Threads

Strictly typed Link wrapper

Similar Threads

Similar Threads

Similar Threads