Link search without from

I have links that I want to use in every list / table view in my app like this one:

<DropdownMenuItem asChild>
  <Link search={(prev) => ({ ...prev, sort: undefined })}>
    <Slash className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
    <FormattedMessage defaultMessage="Clear Sorting" />
  </Link>
</DropdownMenuItem>

<DropdownMenuItem asChild>
  <Link search={(prev) => ({ ...prev, sort: undefined })}>
    <Slash className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
    <FormattedMessage defaultMessage="Clear Sorting" />
  </Link>
</DropdownMenuItem>

They should only manipulate the search params without changing the route.
I defined the necessary search params on the root route to have them available anywhere.

But the Types are complaining unless I add a Route to

to

to

from

from

, which breaks my usecase.

The TS error is:

Type '{ columnFilters: { id: string; value: string[]; }[]; sorting?: { id: string; desc: boolean; }[] | undefined; columnVisibility?: Record<string, boolean> | undefined; pagination?: { pageIndex: number; pageSize: number; } | undefined; ... 6 more ...; emailVerified?: boolean | undefined; }' is not assignable to type 'never'.

Type '{ columnFilters: { id: string; value: string[]; }[]; sorting?: { id: string; desc: boolean; }[] | undefined; columnVisibility?: Record<string, boolean> | undefined; pagination?: { pageIndex: number; pageSize: number; } | undefined; ... 6 more ...; emailVerified?: boolean | undefined; }' is not assignable to type 'never'.

TanStack•2y ago•

19 replies

primary-violet

Link search without from

I have links that I want to use in every list / table view in my app like this one:

<DropdownMenuItem asChild>
  <Link search={(prev) => ({ ...prev, sort: undefined })}>
    <Slash className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
    <FormattedMessage defaultMessage="Clear Sorting" />
  </Link>
</DropdownMenuItem>

<DropdownMenuItem asChild>
  <Link search={(prev) => ({ ...prev, sort: undefined })}>
    <Slash className="text-muted-foreground/70 mr-2 h-3.5 w-3.5" />
    <FormattedMessage defaultMessage="Clear Sorting" />
  </Link>
</DropdownMenuItem>

to

to

from

from

, which breaks my usecase.

The TS error is:

Type '{ columnFilters: { id: string; value: string[]; }[]; sorting?: { id: string; desc: boolean; }[] | undefined; columnVisibility?: Record<string, boolean> | undefined; pagination?: { pageIndex: number; pageSize: number; } | undefined; ... 6 more ...; emailVerified?: boolean | undefined; }' is not assignable to type 'never'.

Type '{ columnFilters: { id: string; value: string[]; }[]; sorting?: { id: string; desc: boolean; }[] | undefined; columnVisibility?: Record<string, boolean> | undefined; pagination?: { pageIndex: number; pageSize: number; } | undefined; ... 6 more ...; emailVerified?: boolean | undefined; }' is not assignable to type 'never'.

Link search without from

Similar Threads

Link search without from

Similar Threads

Similar Threads

Similar Threads