title: Can't add Bottom Navigation from React Native Paper
body: <p>I recently got started with react-native and react-native-paper,
  I followed the docs to set up everything, however when I try to add a <a href="https://callstack.github.io/react-native-paper/bottom-navigation.html" rel="nofollow noreferrer">bottom navigation</a>, I get the following error : <code>TypeError: undefined is not an object (evaluating 'route.map')</code>. Can you please help me resolve this issue.</p>
  
  <p>This is my code :</p>
  
  <pre><code>const MusicRoute = () =&gt; &lt;Text&gt;Music&lt;/Text&gt;;
  
  const AlbumsRoute = () =&gt; &lt;Text&gt;Albums&lt;/Text&gt;;
  
  const RecentsRoute = () =&gt; &lt;Text&gt;Recents&lt;/Text&gt;;
  
  
  export default function App() {
    const [navigationIndex, setNavigationIndex] = useState(0)
    const [navigationRoutes] = useState([
      { key: 'music', title: 'Music', icon: 'inbox' },
      { key: 'albums', title: 'Albums', icon: 'album' },
      { key: 'recents', title: 'Recents', icon: 'history' },
    ])
  
    return (
      &lt;BottomNavigation
        shifting={true}
        navigationState={{ navigationIndex, navigationRoutes }}
        onIndexChange={index =&gt; setNavigationIndex(index)}
        renderScene={ BottomNavigation.SceneMap({
          music: MusicRoute,
          albums: AlbumsRoute,
          recents: RecentsRoute,
        })}
      /&gt;
    );
  }
  </code></pre>
  
  <p>This is the error : </p>
  
  <p><a href="https://i.stack.imgur.com/9vXnW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9vXnW.png" alt="enter image description here"></a></p>
  
  <p>Thanks in advance, 
  Volck</p>