ReferenceError: Can't find variable, both COLOR and ThemeProvider

I already set the imports correctly…

import { COLOR, ThemeProvider } from 'react-native-material-ui';

I even tried to separate them…

import COLOR from 'react-native-material-ui';
import ThemeProvider from 'react-native-material-ui';

Here’s my code on the App.js, still barebone because this is my first time…

import React from 'react';
import { Platform, StyleSheet, Text, ViewNavigator, NativeModules } from 'react-native';
import { COLOR, ThemeProvider } from 'react-native-material-ui';

import Toolbar from './layouts/Toolbar/Toolbar';

const uitp =
{
  palette:
  {
    primaryColor: COLOR.green500,
  },
  toolbar:
  {
      container:
      {
          height: 50,
      },
  },
};

const styles = StyleSheet.create(
{
  fontFamily:
  {
    'font-family': 'Roboto, sans-serif',
  },
  container:
  {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome:
  {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions:
  {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

const instructions = Platform.select(
{
  ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

export default class App extends React.Component
{
  render()
  {
    return (
      <ThemeProvider uiTheme={uitp}>
        <View style={styles.container}>
          <Text style={styles.welcome}>
            Welcome to React Native!
          </Text>
          <Text style={styles.instructions}>
            To get started, edit App.js
          </Text>
          <Text style={styles.instructions}>
            {instructions}
          </Text>
        </View>
      </ThemeProvider>
    );
  }
}

But it seems like it can’t still find the variable. I already re-installed the all necessary modules and relink them. But still no luck.

Is there any solution for this strange behavior? Thanks

[flumiie]

@ayushyamitabh ok I fixed it by re-setting all the npm and yarn environment variables, the yarn appdata wasn’t pointing to the correct folder, idk why and I just realized it. Plus I do need to import the Toolbar from react-native-material-ui too

[ayushyamitabh]

@xotahal Please close.