React native element type is invalid expected a string

I am new to React Native and I want to use react-native-material-bottom-navigation. I had find some other questions related to this but can't shed some light for me.

I installed the dependency using npm and run the command react-native link then I executed react-native run-android

Here is my code in App.js

import React, { Component } from 'react';import BottomNavigation, {  FullTab} from 'react-native-material-bottom-navigation'import {  View,  Icon  } from 'react-native';export default class App extends Component {  tabs = [    {      key: 'games',      icon: 'gamepad-variant',      label: 'Games',      barColor: '#388E3C',      pressColor: 'rgba(255, 255, 255, 0.16)'    },    {      key: 'movies-tv',      icon: 'movie',      label: 'Movies & TV',      barColor: '#B71C1C',      pressColor: 'rgba(255, 255, 255, 0.16)'    },    {      key: 'music',      icon: 'music-note',      label: 'Music',      barColor: '#E64A19',      pressColor: 'rgba(255, 255, 255, 0.16)'    }  ]  renderIcon = icon => ({ isActive }) => (<Icon size={24} color="white" name={icon} />  )  renderTab = ({ tab, isActive }) => (<FullTab      isActive={isActive}      key={tab.key}      label={tab.label}      renderIcon={this.renderIcon(tab.icon)}    />  )  render() {    return (<View style={{ flex: 1 }}><View style={{ flex: 1 }}>          {/* Your screen contents depending on current tab. */}</View><BottomNavigation          onTabPress={newTab => this.setState({ activeTab: newTab.key })}          renderTab={this.renderTab}          tabs={this.tabs}        /></View>    )  }}

Here's my environment setup

Environment:  OS: Linux 4.13  Node: 8.11.3  Yarn: 1.9.4  npm: 5.6.0  Watchman: Not Found  Xcode: N/A  Android Studio: Not FoundPackages: (wanted => installed)  react: 16.3.1 => 16.3.1  react-native: 0.55.4 => 0.55.4

Appreciate if someone could help.Thanks in advance.