Admittedly with some phone scrolling in the middle, but yeah.

1️⃣
I'm using algolia with next.js (in the procress of migrating). And I'm these errors that prevent compiling:

 ✓ Linting and checking validity of types 
   Creating an optimized production build ...
 ✓ Compiled successfully in 1000ms
 ✓ Collecting page data    
[Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props}). If you meant to render a collection of children, use an array instead.]
Error occurred prerendering page "/problemBank". Read more: https://nextjs.org/docs/messages/prerender-error
[Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props}). If you meant to render a collection of children, use an array instead.]
Export encountered an error on /problemBank, exiting the build.
 ⨯ Next.js build worker exited with code: 1 and signal: null

I've used <Component> instead of {Component}, which seems to be the usually cause of the error
I think the culprit is probably the map section, or the hits section? I can't find the error though.

(obligatory context, it's kind of a study website)

2️⃣ Other small question, I'm aware that searchAPIkey is "..." lol, idk if it is generally considered safe to post.

Thank you for reading!