App bridge react + redux - how do you debug embedded apps?

Retired Boards Appdev Tools
1

This may be an easy question (I hope so)

I working an an embedded app using app bridge react and redux. As you know. embedded apps run in a iframe. I can’t get the chrome Redux devTools to see my redux store - all I can see is the redux store for the Shopify admin. I suspect this is due to my app being embedded in an iframe.

My questions:

  1. How can I get the Redux DevTools to see my embedded apps redux store?

  2. Do I need my own redux store? Can I just use the one attached to App Bridge? if so, how?

Thanks in advance!

2

answer to my own question…

I had:

 const store = createStore(reducer); 

Instead of

 const store = createStore(
   reducer, REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

If someone has better tips for doing this, please post them

3

Hello @JoshHighland I’m running into the same issue.
May I ask you exactly as you solved it ?
I’ve next+ redux ad app bridge.
I’ve my reduxProvider with the following store configuration

import { createStore } from “redux”;
import rootReducer from “./reducers”;

export default createStore(rootReducer);

Where ./reducers exports a combineReducers