Reactotron.log + typescript - cannot invoke an object which is possibly 'undefined' #239

Activity

1. DavidNeiOs commented on Apr 19, 2020

   

   DavidNeiOs

   on Apr 19, 2020

   More actions

   I found a temporary solution in this thread #168 (comment)
   @doronnac

   👎React with 👎2Reacted by Miguel Maia and brokenrice
2. leotm commented on Jul 13, 2020

   

   leotm

   on Jul 13, 2020

   Last edited by leotm

   More actions

   Since in our ReactotronCore interface log?: (...args: any[]) => void is an optional function, we just need to assert it's not null when calling it:

   Reactotron.log!('hey there')

   Same goes for any other optional functions you're calling like warn, error, etc.

   Use newer optional chaining (TS 3.7+) if preferred.

   Bonus: Here's a way to add type safety with linting

   👍React with 👍16Reacted by Patrick Narciso, Krestian Weken, Simon Garnier, Alex Hafner, Leonardo Oliveira, Felix Gliesche, iji, Tainan Fidelis, David Bishop, Sergei and 6 more

   🚀React with 🚀6Reacted by Patrick Narciso, Simon Garnier, Leonardo Oliveira, Tainan Fidelis, Wesley Feitosa and Alejandro Tunaroza
3. patrick-narciso commented on Jul 16, 2020

   

   patrick-narciso

   on Jul 16, 2020

   More actions

   The @leotm solution is correct, it even works for other cases such as when using Reactotron.createEnhancer!()

   ❤️React with ❤️3Reacted by Daniel Pescador, Iago Dias and LeoTM

   🚀React with 🚀5Reacted by Bjørnar Hvidsten, iji, Tainan Fidelis, David Gordon and LeoTM
4. AndreCosta101 commented on Feb 25, 2021

   

   AndreCosta101

   on Feb 25, 2021

   More actions

   The @leotm solution is correct, it even works for other cases such as when using Reactotron.createEnhancer!()

   Hey Patrick... you mean in the store configuration? How did you do it ? thanks
5. dbishopdev commented on May 24, 2021

   

   dbishopdev

   on May 24, 2021

   Last edited by dbishopdev

   More actions

   Hey Patrick... you mean in the store configuration? How did you do it ? thanks

   @AndreCosta101 Something like this:

   import { createStore } from "redux";
   import Reactotron from "../ReactotronConfig";
   import rootReducer from "./reducers";
   
   export default createStore(rootReducer, Reactotron.createEnhancer!());
   

   👍React with 👍2Reacted by Andre Costa and Troll173
6. GermaVinsmoke commented on Dec 16, 2021

   

   GermaVinsmoke

   on Dec 16, 2021

   More actions

   But this solution gives this warning - "Forbidden non-null assertion."
   Is it okay to have this warning?
7. doronnac

   closed this as completedon Feb 10, 2022
8. leotm commented on Feb 10, 2022

   

   leotm

   on Feb 10, 2022

   More actions

   @GermaVinsmoke

   Use newer optional chaining if preferred.

   Reactotron.log?.('hey there')

   Since TypeScript 3.7

   👍React with 👍4Reacted by William Araujo Budia, dhondup-day7, WUKAIPENG and hoangtrunnam