I'm somewhat hesitant to ask the questions as I don't know what detail to share to help get an answer. Here is the issue:
App is working fine. All data is in state as I can print it out in the console and consume it in the React app. However, as show in the picture below state as show in react dev tools is 'Empty object'. This is the same for the Chrome & Firefox extensions as well as the stand-alone version of react dev tools. It is true for every level of the component tree.
The app is React using create-react-app with a custom express server proxied through the client. Running in dev. Data is coming from MongoDB.
Thoughts I had for debugging 1) try different versions of related npm packages 2) create a stripped down / simplified version of the app to see if the problem is there and if not, build back up to see where it gets introduced.
I obviously don't want to do #2 so was hoping someone could suggest what the problem might be.