useSearchContext

[developerplus2025]

The useSearchContext is not working how to fix please

[fuma-nama]

You are probably calling useSearchContext() outside of the RootProvider, please provide a reproduction so I can look into it

[developerplus2025]

My code and thank you:
const { setOpenSearch } = useSearchContext();

{ console.log("Use Search"); setOpenSearch(true); }} className="flex h-[32px] w-fit items-center justify-center gap-2 rounded-md border border-(--input) p-3 select-none" >

[fuma-nama]

I mean a github repo or a CodeSandbox that I can run locally

[developerplus2025]

https://github.com/developerplus2025/decent-over-nextjs-15/tree/main
component used useSearchContext : https://github.com/developerplus2025/decent-over-nextjs-15/blob/main/src/components/UserButtonClient.tsx

[fuma-nama]

as I said before, it's because Navigation is outside of RootProvider, move your RootProvider the upper level that covers it.
https://github.com/developerplus2025/decent-over-nextjs-15/blob/main/src/app/layout.tsx#L76

[developerplus2025]

Thank you but Navigation-Mobile component is outside of RoodProvider when use useSearchContext is working