CODEWITHSUNDEEP
reactjstypescriptreact-native
fum4
fum4

Reputation: 297

React-Native / Typescript - undefined is not an object (evaluating 'react_1.default.Component)

Nothing related to PropTypes as I have seen dozens of problems related to that, my error refers directly to 'react_1.default.Component', undefined is not an object.

Has anyone hit this error? What files should I upload here?

import React from 'react';

import { StackNavigator } from 'react-navigation';
import SideMenu from 'react-native-side-menu';

import Home from './app/screens/Home/Home';
import Menu from './app/components/Menu/Menu';

const Nav = StackNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      title: 'Map',
      headerStyle: {
        backgroundColor: '#000000',
      },
      headerTintColor: '#ffffff'
    }
  }
});

export default class App extends React.Component {
  render() {

    return (
        <Nav />
    );
  }
}

Package.json :

{
  "name": "Licenta2018",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "android": "react-native run-android"
  },
  "dependencies": {
    "@types/react-native": "^0.55.4",
    "react": "16.3.1",
    "react-native": "0.55.3",
    "react-native-maps": "^0.21.0",
    "react-native-side-menu": "^1.1.3",
    "react-navigation": "^1.5.11"
  },
  "devDependencies": {
    "babel-jest": "22.4.3",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.3",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

Upvotes: 2

Views: 1537

Answers (1)

fum4
fum4

Reputation: 297

import * as React from 'react';

for everyone wandering for an answer, this worked for me. Worth a try!

Upvotes: 2

Related Questions