Не получается определить "useLocation hook" из "React Router"

import React from "react";
import {Link, useLocation} from "react-router-dom";
 
export function Home() {
    return (
        <div>
            <h1>[Company Website]</h1>
            <nav>
                <Link to="about">About</Link>
                <Link to="events">Events</Link>
                <Link to="products">Products</Link>
                <Link to="contact">Contact Us</Link>
            </nav>
        </div>
    );
}
 
export function About() {
    return (
        <div>
            <h1>[About]</h1>
        </div>
    );
}
 
export function Events() {
    return (
        <div>
            <h1>[Events]</h1>
        </div>
    );
}
 
export function Products() {
    return (
        <div>
            <h1>[Products]</h1>
        </div>
    );
}
 
export function Contact() {
    return (
        <div>
            <h1>[Contact]</h1>
        </div>
    );
}
 
export function Whoops404() {
    let location = useLocation();
    console.log(location);
    return (
        <div>
            <h1>Whoops 404</h1>
        </div>
    );
}

function usePageViews() {
  let location = useLocation();
  React.useEffect(() => {
    ga.send(["pageview", location.pathname]);
  }, [location]);
}

export function Whoops404() {
    let location = useLocation();
    console.log(location);
    return (
        <div>
            <h1>Whoops 404</h1>
        </div>
    );
}