React-native-gifted-chat undefined error displaying messages due to deprecated methods

Have you encountered this error?

_reactNative.Keyboard.removeListener is not a function

If you’ve updated to use the latest version of React Native or Expo SDK, you’re going to encounter this error a lot because the Keyboard listener methods have been deprecated. The error should say Keyboard.addListener… does not exist. If this is you, here’s the fix!

Go to /node_modules/react-native-gifted-chat/lib/MessageContainer.js

This is what it should look like, now remove all the lines that start with Keyboard.addListener or Keyboard.removeListener and replace it with the text in the comment:

https://github.com/FaridSafi/react-native-gifted-chat/issues/2090#issuecomment-901812607

Now it should look like

If you run your app again, it should be fixed! You’ll notice the invertible props are not being used, you can just delete that line if you want.

Next, run npx patch-package react-native-gifted-chat

Commit the patch something along the lines of

git commit -am “fixing react native gifted chat deprecated methods”

Shout out to Eric Gutierrez for this fix

Notable links: Github issue, Stackoverflow post