How to handle searchParams when they are being called from a shared component

[esultanovvalley]

I have a header component that takes a global search search param that redirects the user to the search page. BUt for some reason,, when I navigate to the homepage, I get the following error Error: Invariant failed: Could not find an active match from "/_layout/search"

This is how I am using useSearch in the shared global component

const { search } = useSearch({
    from: "/_layout/search",
  });

[schiller-manuel]

please provide a minimal complete example