react-native-ui-lib: Invariant Violation: requireNativeComponent: "KeyboardTrackingViewTemp" was not found in the UIManager

Description

I receive the following error when I use KeyboardAccessoryView in my RN app. Invariant Violation: requireNativeComponent: "KeyboardTrackingViewTemp" was not found in the UIManager.

More details: This error is located at: in KeyboardTrackingViewTemp (at KeyboardTrackingView.ios.js:24) in KeyboardTrackingView (at KeyboardTrackingView/index.js:16) in Unknown (at KeyboardAccessoryView.js:149) in KeyboardAccessoryView (at BottomInput.js:142)

Related to

KeyboardAccessoryView

Steps to reproduce

Import KeyboardAccessoryView within the environment listed below.

Expected behavior

I recently updated my dependencies and this error just started appearing. I expect, and it used to run without this error.

Actual behavior

I receive this error when trying to use KeyboardAccessoryView

Code snippet

return ( <KeyboardAccessoryView renderContent={renderBottomInput} useSafeArea={false} kbInputRef={textInputRef} kbComponent={customKeyboard.component} kbInitialProps={customKeyboard.initialProps} onItemSelected={onCustomKeyboardItemSelected} onKeyboardResigned={onKeyboardResigned} manageScrollView={false} requiresSameParentToManageScrollView revealKeyboardInteractive /> )

Environment

"react-native": "0.69.4",
"react-native-ui-lib": "^6.19.2",

Here are my dependencies: "dependencies": { "@invertase/react-native-apple-authentication": "^2.2.2", "@miblanchard/react-native-slider": "^2.1.0", "@notifee/react-native": "^5.6.0", "@react-native-async-storage/async-storage": "^1.17.8", "@react-native-firebase/app": "^15.3.0", "@react-native-firebase/auth": "^15.3.0", "@react-native-firebase/firestore": "^15.3.0", "@react-native-firebase/messaging": "^15.3.0", "@react-native-picker/picker": "^2.4.3", "@react-navigation/bottom-tabs": "^6.3.2", "@react-navigation/drawer": "^6.4.3", "@react-navigation/native": "^6.0.11", "@react-navigation/stack": "^6.2.2", "@reduxjs/toolkit": "^1.8.3", "crypto-js": "^4.1.1", "expo": "^46.0.2", "expo-av": "^12.0.4", "expo-document-picker": "^10.3.0", "expo-file-system": "^14.1.0", "expo-localization": "~13.1.0", "firebase-admin": "^11.0.1", "firebase-functions": "^3.22.0", "i18n-js": "^4.0.2", "lodash": "^4.17.21", "moment": "^2.29.4", "prop-types": "^15.8.1", "react": "18.0.0", "react-addons-shallow-compare": "^15.6.3", "react-native": "0.69.4", "react-native-actionsheet": "^2.4.2", "react-native-autogrow-textinput": "^5.4.0", "react-native-confirmation-code-field": "^7.3.0", "react-native-date-picker": "^4.2.5", "react-native-dialog-input": "^1.0.8", "react-native-file-viewer": "^2.1.5", "react-native-gesture-handler": "^2.5.0", "react-native-get-random-values": "^1.8.0", "react-native-image-picker": "^4.8.5", "react-native-image-progress": "^1.2.0", "react-native-image-view": "^2.1.9", "react-native-keyboard-aware-scroll-view": "^0.9.5", "react-native-keyboard-aware-view": "^0.0.14", "react-native-modal-selector": "^2.1.1", "react-native-modalbox": "^2.0.2", "react-native-paper": "^5.0.0-rc.4", "react-native-parsed-text": "^0.0.22", "react-native-phone-input": "^1.3.4", "react-native-reanimated": "^2.9.1", "react-native-safe-area-context": "^4.3.1", "react-native-screens": "^3.16.0", "react-native-sectioned-multi-select": "^0.9.1", "react-native-ui-lib": "^6.20.1", "react-native-vector-icons": "^9.2.0", "react-redux": "^8.0.2", "redux": "^4.2.0", "redux-logger": "^3.0.6", "redux-thunk": "^2.4.1" }, "devDependencies": { "@babel/core": "^7.12.9", "@babel/runtime": "^7.12.5", "@react-native-community/eslint-config": "^2.0.0", "babel-jest": "^26.6.3", "eslint": "^7.32.0", "jest": "^26.6.3", "metro-react-native-babel-preset": "^0.70.3", "prettier": "^2.7.1", "react-test-renderer": "18.0.0" }, "jest": { "preset": "react-native" }

Affected platforms

iOS

About this issue

Original URL
State: closed
Created 2 years ago
Reactions: 10
Comments: 24

Commits related to this issue

fix: fixes Invariant Violation KeyboardTrackingViewTemp issue #2204 — committed to charanrajtc/react-native-ui-lib by charanrajtc 2 years ago
fix: fixes Invariant Violation KeyboardTrackingViewTemp issue #2204 (#2264) — committed to wix/react-native-ui-lib by charanrajtc 2 years ago

Most upvoted comments

for some reason autolink is not working. I had to manually add it to Podfile:

pod 'ReactNativeUiLib', :path => '../node_modules/react-native-ui-lib/lib

iamyellow on Sep 22, 2022

I added dependencies in react-native.config.js. It’s worked in Expo managed workflow and Expo SDK version is 46.
const path = require('path');
module.exports = {
  dependencies: {
    'react-native-ui-lib': {
      root: path.join(__dirname, './node_modules/react-native-ui-lib/lib'),
    },
  },
};

I wasn’t using expo so after adding this dependency to my react-native.config.js file, I had to run npx pod-install in the project’s root directory before it worked.

awalmubarak on Nov 25, 2022

Any solution to this? Even temporarily? I have exactly the same issue.

Svarto on Aug 25, 2022

This issue is still present, I’m surprised the PR wasn’t included in the latest release. Is there anything we can help with here to get the PR reviewed and merged?

Svarto on Oct 19, 2022