Context.Consumer not currently accessible in nextjs project

[taysea]

TLDR: Using <ResponsiveContext.Consumer> to create responsive layout works, but using the useContext hook does not.

Unable to get size of window because Nextjs uses SSR which doesn't have knowledge of window width. Because of this, adding a useContext to control responsive behavior doesn't seem to be having an effect. I think with some added configuration, we will get it working but I need to find a resource that explains how.

There seems to be some discussion around this:

• https://reacttricks.com/sharing-global-data-in-next-with-custom-app-and-usecontext-hook/
• 8.1.0 Context.Consumer value is undefined vercel/next.js#7167
• Context provided in _app.js can't be consumed in pages in SSR vercel/next.js#4194