Why can't I navigate to a newly added page in React?

Question

I have react app with several pages as below.

App.js

import React, {useEffect} from \'react\';
import {useQuery} from \'@apollo/react-hooks\';
import {Brow