Getting Client side exception on Next.js Multi Tenant application with one tenant but not the other

I have a Web app that im working on running MERN and Next.js. It is a multi tenant app. I have a demo. and a . urls. Everything works fine on both sites until i try and load a page from my drop down menu. On the demo. url everything works fine and allows me to run everything that the page does, but the . url once i click the button i get a black screen that says Application error: a client-side exception has occurred (see the browser console for more information). Every other button works in my drop down menu it is just that one that doesnt work. I have checked my developer tools and i get these errors:

TypeError: t.map is not a function
     NextJS 63
react_devtools_backend.js:4012:25
overrideMethod moz-extension://91f638fd-2dc1-44e9-a5c2-7df5092a334f/build/react_devtools_backend.js:4012
NextJS 65
A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages      /client-side-exception-occurred

Also i seem to get 200 on all of my statuses in the network side of the developer tools.

I am new to working with this tech stack and i am a new developer on an existing app with no fellow developer support. I am just curious why it would work on the one url fine but then throw this exception at me on the other url. They are both on the same code-base so no difference in code that i could imagine. Any help or pointers or anything would be amazing!