React Kbar [Solved] | Remix | Page 1

merry whale Apr 10, 2023, 10:00 PM

#

https://kbar.vercel.app/docs/getting-started

Using react kbar here, I am seeing the attached error when using their useMatches hook

kbar – command+k interface for your site

Add a fast, portable, and extensible command+k interface to your site

rapid venture Apr 10, 2023, 10:12 PM

#

merry whale https://kbar.vercel.app/docs/getting-started Using react kbar here, I am seeing...

First thought that might be a simple oopsy daisy, make sure it’s imported from kbar and not a remix import by accident

#

More than likely you checked that, but sometimes it can slip through

#

The only other thing I could think of with limited code shown, it might be intended as a client library, the document and react provider may not be fully put together when something in react k bar tries running itself

#

Maybe wrapping it client only would solve that

merry whale Apr 10, 2023, 11:28 PM

#

Hey I was able to fix it using ClientOnly from Remix utils, and turning kbar and the hook into a component that's wrapped in ClientOnly

#

seems to be something they're doing on the clientside that's failing on server side when rendering

#React Kbar [Solved]