New (apparently with React Native 0.66): undefined is not a function

[princefishthrower]

Haven't seen this until upgrading to React Native 0.66. This is because react native has removed the removeAllListeners from Keyboard: see here

so the effect:

useEffect(() => {
    Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow);
    Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide);
    return () => {
      Keyboard.removeAllListeners('keyboardDidShow');
      Keyboard.removeAllListeners('keyboardDidHide');
    }
  }, [])

should now become:

useEffect(() => {
    setDidShowListener(Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow));
    setDidHideListener(Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide));
    return () => {
      if (didShowListener){
        didShowListener.remove();
      }
      if (didHideListener) {
        didHideListener.remove();
      }
    }
  }, [])

Edit: this didn't actually solve the mysterious error. I still get TypeError: undefined is not a function - tried ErrorBoundary, try / catch in every function of the component, can't find where it's coming from 🤷

[Yiin]

effect exit function doesn't have updated didShowListener. You don't need state for it, just do

useEffect(() => {
    const didShowListener = Keyboard.addListener('keyboardDidShow', handleKeyboardDidShow);
    const didHideListener = Keyboard.addListener('keyboardDidHide', handleKeyboardDidHide);
    return () => {
      didShowListener.remove();
      didHideListener.remove();
    }
  }, [])