message: When back to functional component now state removed
diff: @@ -60,13 +60,7 @@ const CollapsingBar = () => null;
  const CoordinatorLayout = ({children}) => children;
  -class TabBarWeb extends React.Component {
  - constructor(props) {
  - super(props);
  - }
  - render() {
  - const {children, selectedIndex, selectedTintColor} = this.props;
  - return (
  +const TabBarWeb = ({children, selectedIndex, selectedTintColor, stateNavigator}) => (
  <>
  {React.Children.toArray(children)
  .map((child, index) => (
  @@ -80,11 +74,11 @@ class TabBarWeb extends React.Component {
  <TouchableHighlight
  key={index}
  accessibilityRole="link"
  - href={this.props.stateNavigator.historyManager.getHref(child.props.link)}
  + href={stateNavigator.historyManager.getHref(child.props.link)}
  underlayColor="#fff"
  onPress={() => {
  if (selectedIndex !== index)
  - this.props.stateNavigator.navigateLink(child.props.link);
  + stateNavigator.navigateLink(child.props.link);
  }}
  style={{flex: 1, justifyContent: 'center', alignItems: 'center', height: 72}}>
  <>
  @@ -95,9 +89,7 @@ class TabBarWeb extends React.Component {
  ))}
  </View>
  </>
  - )
  - }
  -};
  +);
  const TabBarItem = ({children}) => children;
  