React router v6 useNavigate function is not working

If you have recently started using the useNavigate hook from react-router v6, you might run into the following scenario. Say write the code as follows: import { createContext, useContext } from 'react' import { useNavigate } from 'react-router-dom' ...