Usage of React Native Debugger with typescript

Question

To setup React Native debugger we have to declare a composer like this:

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

const store = createStore(
  rootReducers,
  composeEnhancers(applyMiddleware(thunk))
)

But when using with typescript TS Compiler says: Cannot find name 'window'.ts(2304)

Already tried changing the key lib in tsconfig.json to this:

"lib": ["es6", "DOM"]

But the error changes to:

Property '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__' does not exist on type 'Window & typeof globalThis'.ts(2339)

Is it your project React Native? if yes, you don't need to setup it like this, just use it, the React Native Debugger catch it. — AmerllicA
– AmerllicA, Commented Aug 4, 2020 at 18:44
AmerLLicA thank you. It worked! The documentation must be outdated because it says that this is needed. — Luna
– Luna, Commented Aug 4, 2020 at 18:56
I'm happy that it helps you. I leave an answer for documentation. please mark it as the correct answer to other future visitors. Also, I leave an upvote to your question. — AmerllicA
– AmerllicA, Commented Aug 5, 2020 at 6:59

AmerllicA · Accepted Answer · 2020-08-05 06:57:59Z

1

Actually, React Native Debugger doesn't need to setup. Just use Redux and React Native Debugger will catch your state.

Using __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ need to write window. __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ and the window object is just for browswer.

answered Aug 5, 2020 at 6:57

AmerllicA

33.2k18 gold badges146 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Usage of React Native Debugger with typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related