title: undefined is not an object (evaluating 'navigation.navigate') React Native
body: <p>I'm have a problem in react navigation, error message &quot;undefined is not an object (evaluating 'navigation.navigate')&quot;.
  Error happens when trying to call a screen by a button from another route</p>
  <p>Component code:</p>
  <pre><code>     export default function Estruturas({ title, display, navigation }) {
        const [estruturas, setEstruturas] = useState([]);
      
        useEffect(() =&gt; {
          async function loadEstruturas() {
            const response = await api.get('/produto/api/estrutura');
      
            setEstruturas(response.data);
          }
          loadEstruturas();
        }, []);
      
      
        return (
  ...
     
            &lt;ProductList&gt;
              {estruturas.map(estrutura =&gt; (
                &lt;Item key={estrutura.id} onPress={()=&gt; navigation.navigate('Pedidos')}&gt; 
  ...
  </code></pre>
  <p>Routes code:</p>
  <pre><code>const Tab = createMaterialBottomTabNavigator();
  function MyTabs(){
      return(
          &lt;Tab.Navigator
          barStyle={{ backgroundColor: '#694fad' }} 
          initialRouteName='Feed'   
          activeColor='black' 
          &gt;
              &lt;Tab.Screen 
                  name=&quot;Início&quot;
                  component={Dashboard}
                  options={{
                      tabBarLabel: 'Início',
                      tabBarIcon: ({ color }) =&gt; (
                        &lt;MaterialCommunityIcons name=&quot;home&quot;  size={26} /&gt;
                      ),
                    }}
              /&gt;
              &lt;Tab.Screen 
                  name=&quot;Pedidos&quot;
                  component={Requests}
                  options={{
                      tabBarLabel: 'Pedidos',
                      tabBarIcon: ({ color }) =&gt; (
                        &lt;MaterialCommunityIcons name=&quot;assignment&quot;  size={26} /&gt;
                      ),
                    }}
              /&gt;
          &lt;/Tab.Navigator&gt;)}
  
  export default function Routes() {      
      return (
        &lt;NavigationContainer&gt;
          &lt;MyTabs /&gt;
        &lt;/NavigationContainer&gt;
      );
    }
  </code></pre>
  <p>I tried with Stack but it gave the same error</p>