Exclude children from custom link component
Hey 👋
Is it possible to exclude
children from a custom link component created with createLink()?
We have a IconLink component that accepts a label property of type string and we don't want to accept children.5 Replies
fair-rose•3w ago
Wouldnt the below work?
fascinating-indigoOP•3w ago
Unfortunately not, this completely breaks type-safety of the link options.
fascinating-indigoOP•3w ago
It would be something like this but we can't do this because of the inferred generic link options.
Playground: https://tsplay.dev/wOy87m
TS Playground - An online editor for exploring TypeScript and JavaS...
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
fascinating-indigoOP•2w ago
I can remove
createLink() and instead manually type the component + props using ValidateLinkOptions and then make an intersection type with { children?: never }. The problem is that the component then can't be used with linkOptions().
It would be nice to have something like linkOptions() / ValidateLinkOptions just for the actual route props (to, search, params, ...) without the props from an anchor element.Type Utilities | TanStack Router React Docs
Most types exposed by TanStack Router are internal, subject to breaking changes and not always easy to use. That is why TanStack Router has a subset of exposed types focused on ease of use with the in...
unwilling-turquoise•2w ago
cc @Chris Horobin