HighlighterOverlayView.js:3 Uncaught TypeError: Object(...) is not a function expo web

[SandeshVakale]

Description

I am using react-native-ui-lib version 6.21.2 for my expo project.

My app is working on android and iOS but not working on web. I am getting following error

Uncaught TypeError: Object(...) is not a function

I am getting this error at this line const NativeHighlighterView = requireNativeComponent('HighlighterView'); in HighlighterOverlayView.js file.

Related to

• [ x] Components
• [ ] Demo
• [ ] Docs
• [ ] Typings

Steps to reproduce

Steps to reproduce the behavior:

1. Go to https://github.com/SandeshVakale/coindata-expo
2. yarn install
3. yarn web
4. should open web app and error in console.

Expected behavior

Expo web app should work as well.

Actual behavior

Expo web app shows an white screen

More Info

Environment

{
  "name": "coindata-expo",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "homepage": "http://sandeshvakale.github.io/coindata-expo",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject",
    "deploy": "gh-pages -d web-build",
    "predeploy": "expo export:web"
  },
  "dependencies": {
    "@expo-google-fonts/inter": "^0.2.2",
    "@expo-google-fonts/lexend": "^0.2.2",
    "@expo-google-fonts/zen-dots": "^0.2.2",
    "@expo/webpack-config": "^0.17.0",
    "@react-native-async-storage/async-storage": "~1.17.3",
    "@react-native-masked-view/masked-view": "0.2.7",
    "@react-navigation/bottom-tabs": "^6.0.9",
    "@react-navigation/material-top-tabs": "^6.0.6",
    "@react-navigation/native": "^6.0.6",
    "@react-navigation/stack": "^6.0.11",
    "@reduxjs/toolkit": "^1.7.1",
    "axios": "^0.24.0",
    "d3-shape": "^3.1.0",
    "expo": "^46.0.0",
    "expo-app-loading": "~2.1.0",
    "expo-font": "~10.2.0",
    "expo-linking": "~3.2.2",
    "expo-network": "~4.3.0",
    "expo-status-bar": "~1.4.0",
    "expo-updates": "~0.14.6",
    "lodash": "^4.17.21",
    "moment": "^2.29.1",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-native": "0.69.6",
    "react-native-flipper": "^0.129.0",
    "react-native-gesture-handler": "~2.5.0",
    "react-native-pager-view": "5.4.24",
    "react-native-reanimated": "~2.9.1",
    "react-native-render-html": "^6.3.4",
    "react-native-safe-area-context": "4.3.1",
    "react-native-screens": "~3.15.0",
    "react-native-svg": "12.3.0",
    "react-native-svg-charts": "^5.4.0",
    "react-native-svg-transformer": "^1.0.0",
    "react-native-tab-view": "^3.1.1",
    "react-native-ui-lib": "^6.21.2",
    "react-native-web": "~0.18.7",
    "react-native-webview": "11.23.0",
    "react-navigation": "^4.4.4",
    "react-redux": "^7.2.6",
    "redux-flipper": "^2.0.1",
    "redux-persist": "^6.0.0",
    "rn-bounceable": "^1.1.0"
  },
  "devDependencies": {
    "@babel/core": "^7.18.6",
    "@types/lodash": "^4.14.178",
    "@types/react": "~18.0.0",
    "@types/react-native": "~0.69.1",
    "@types/react-native-svg-charts": "^5.0.12",
    "gh-pages": "^4.0.0",
    "typescript": "^4.6.3"
  },
  "private": true
}

• React Native version: 0.69.1
• React Native UI Lib version: 6.21.2

Affected platforms

• [ ] Android
• [ ] iOS
• [x ] Web

[MattlttaM]

Same issue

[Azuxul]

Same issue too

[localjo]

Same issue here with react-native-ui-lib as a dependency of https://github.com/kanzitelli/expo-starter

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.