</>SkillRecallRECALL WHAT YOU KNOW
Prepare for an interviewExplore Library
React NativeNavigation

30 items

1

Missing NavigationContainer Wrapper

Code Quiz
2

React Navigation vs Native Navigation

Quiz
3

Fixing useNavigation Import

Code Quiz
4

Native Stack vs JS Stack Navigator

Slides / Video
5

Passing Params to a Route

Code Quiz
6

Creating a Drawer Navigator

Code Quiz
7

Hardware Back Button Handling

Code Quiz
8

Handling Focus with useFocusEffect

Code Quiz
9

Defining Screens with Stack.Screen

Code Quiz
10

TypeScript Typing for Params

Code Quiz
11

Creating a Bottom Tab Navigator

Code Quiz
12

Custom Header Right Button

Code Quiz
13

Reading Route Params

Code Quiz
14

Configuring Initial Route

Code Quiz
15

Passing Params Back to Previous Screen

Code Quiz
16

Navigating Between Screens

Code Quiz
17

Creating a Stack Navigator

Code Quiz
18

Dynamic Header with setOptions

Code Quiz
19

Going Back with goBack

Code Quiz
20

Navigating to Nested Screen

Code Quiz
21

Nesting Stack Inside Tabs

Code Quiz
22

Modal Presentation with Stack

Code Quiz
23

NavigationContainer Root Wrapper

Code Quiz
24

Using the useRoute Hook

Code Quiz
25

push vs navigate Behavior

Code Quiz
26

Customizing Tab Icons and Labels

Code Quiz
27

Resetting Navigation State

Code Quiz
28

Setting Screen Options

Code Quiz
29

replace vs navigate

Code Quiz
30

Installing React Navigation Dependencies

Code Quiz
Code QuizIntermediate

Fixing useNavigation Import

Spot the incorrect import that stops the useNavigation hook from working.

Codejavascript
import React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/stack';

function ProfileButton() {
  const navigation = useNavigation();
  return (
    <Button
      title="Go to Profile"
      onPress={() => navigation.navigate('Profile')}
    />
  );
}

export default ProfileButton;

What is the bug that prevents this component from getting the navigation object?