akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.3k stars 952 forks source link

TypeError: Cannot read property 'appearances' of undefined #1739

Closed Under-Warz closed 1 year ago

Under-Warz commented 1 year ago

🐛 Bug Report

I'm trying to update the lib from 5.1.2 to 5.3.1 to use the new <CircularProgressBar /> component but I'm facing an error when I want to use it : TypeError: Cannot read property 'appearances' of undefined

I already check the other issue with the same error and I'm already using the <ApplicationProvider /> in the main app file.

const App = () => (
  <ApplicationProvider {...eva} theme={{ ...eva.dark, ...theme }}>
    <RootNavigator />
  </ApplicationProvider>
);

and here is my custom theme file

{
  "background-basic-color-1": "#263155"
}

UI Kitten and Eva version

Package Version
@eva-design/eva 5.3.1
@ui-kitten/components 5.3.1

Environment information

  System:
    OS: macOS 13.3.1
    CPU: (10) x64 Apple M1 Pro
  Binaries:
    Node: 16.13.2 - ~/.nodenv/versions/16.13.2/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.1.2 - ~/.nodenv/versions/16.13.2/bin/npm
    Watchman: 2021.10.18.00 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
    Android SDK:
      API Levels: 27, 28, 29, 30, 31, 33
      Build Tools: 28.0.3, 29.0.2, 30.0.2, 30.0.3, 31.0.0, 33.0.0, 34.0.0
      System Images: android-30 | AOSP ATD ARM 64 v8a, android-30 | Google Play Intel x86 Atom, android-31 | Google APIs ARM 64 v8a
  IDEs:
    Android Studio: 2022.1 AI-221.6008.13.2211.9514443
    Xcode: 14.3/14E222b - /usr/bin/xcodebuild
  npmPackages:
    react: 18.1.0 => 18.1.0 
    react-native: 0.70.5 => 0.70.5
vinodsptharsha commented 1 year ago

I am facing the same error when the expo project is exported to the web. Otherwise, it is working fine in the mobile apps.

felipesuazo commented 1 year ago

Same here. Is not working in mobile

vins13pattar commented 1 year ago

Anyone able to solve this issue?

bataevvlad commented 1 year ago

Hi @Under-Warz

Could you please provide your code example with CircularProgressBar where you catch such issue?

Regards, Vlad

think-divergent commented 1 year ago

This issue is due to missing CircularProgressBar definitions in mappings.json. For anyone upgrading from 5.1.x, you'd also have to upgrade the @eva-design/eva package. Make sure you have "@eva-design/eva": "^2.2.0", or higher in your package.json.

bataevvlad commented 1 year ago

@think-divergent thanks for such point! We will add right now this info for update info!

felipesuazo commented 1 year ago

This issue is due to missing CircularProgressBar definitions in mappings.json. For anyone upgrading from 5.1.x, you'd also have to upgrade the @eva-design/eva package. Make sure you have "@eva-design/eva": "^2.2.0", or higher in your package.json.

Thank you!