Link Options exact: true does not accept searchParams

Hi Guys

I am not sure if I overlooked something, but I have following structure

/members
/members/approval
/members/templates

/members
/members/approval
/members/templates

in my left side navigation I want to show an active state of eiter of the three routes (its a tab navigation)

For my tab navigation I apply:

{
        label: t("members"),
        to: "/members",
        activeOptions: {
          exact: true,
          includeSearch: true
        }
      },

{
        label: t("members"),
        to: "/members",
        activeOptions: {
          exact: true,
          includeSearch: true
        }
      },

This does not work, the active state is lost as soon some search params are present. Is it not possible to have exact: true but in the same time accept search params?

Thanks

TanStack•9mo ago•

10 replies

ordinary-sapphire

Link Options exact: true does not accept searchParams

Hi Guys

I am not sure if I overlooked something, but I have following structure

/members
/members/approval
/members/templates

/members
/members/approval
/members/templates

in my left side navigation I want to show an active state of eiter of the three routes (its a tab navigation)

For my tab navigation I apply:

{
        label: t("members"),
        to: "/members",
        activeOptions: {
          exact: true,
          includeSearch: true
        }
      },

{
        label: t("members"),
        to: "/members",
        activeOptions: {
          exact: true,
          includeSearch: true
        }
      },

This does not work, the active state is lost as soon some search params are present. Is it not possible to have exact: true but in the same time accept search params?

Thanks

Link Options exact: true does not accept searchParams

Similar Threads

Link Options exact: true does not accept searchParams

Similar Threads

Similar Threads

Similar Threads