Estoy trabajando en un sitio web usando React. Recibo este error cuando uso useContext() y useLocation().

 import React, { useContext } from "react"; import Layout from "../components/Layout"; import { LangStateContext } from "../context/LangContext"; import { useLocation } from 'react-router'; const PricingPage = () => { const { isIndoSelected } = useContext(LangStateContext); console.log(isIndoSelected); const location = useLocation(); return ( <Layout> a page </Layout> ); }; export default PricingPage;

Este es el error que recibo cuando aterrizo en la página.

¿Alguien puede explicarme por qué esto no funciona y cuál sería una buena solución?

Gracias