In line 5 of the script, TypeScript raises an issue regarding the possibility of gameInstanceContext.gameInstance being null. Interestingly, this concern is not present in line 3. Given that I have verified its existence on line 1, it is perplexing as to why TypeScript still flags it as potentially falsy on line 5.
useEffect(() => {
if (!gameInstanceContext.gameInstance) return
console.log(gameInstanceContext.gameInstance.players) // No TypeScript complaint here
const ft = () => {
console.log(gameInstanceContext.gameInstance.players) // TypeScript raises a complaint
}
ft()
}, [gameInstanceContext.gameInstance])
The type of gameInstanceContext.gameInstance is TGameInstance | null | undefined.
I'm puzzled as to why TypeScript is flagging gameInstanceContext.gameInstance as potentially null or undefined despite my validation steps. Any insights into this behavior?