I have a dummy screen which I want to navigate from any page of the application.

Parent component:

```
import DummyComponent  from "./DummyComponent";
const navigation = useNavigation();

const dummyPage = () => {
    navigation.navigate(DummyComponent);    
  }

<TouchableOpacity onPress={dummyPage}>
    <View style={{backgroundColor: "red", width: 150, height: 50}}>
        <Text>Dummy</Text>
    </View>
</TouchableOpacity>

```

But when I press Dummy text, then nothing happens. I am very new to using hooks, and particularly I am having difficulty in useNavigation(). Please help me understand what I am doing wrong.