Доступ к контексту маршрутизатора из другого контекста

Question

Я пытаюсь получить доступ к контексту реактивного маршрутизатора от другого поставщика контекста, но useParams() всегда возвращает пустой объект.

Это простой пример того, с чем я пытаюсь работать.

import React from "react";
import { BrowserRouter, Route, useParams } from "react-router-dom";

const TestContext = React.createContext({});

const TestProvider: React.FC = ({ children }) => {
  const params = useParams();
  return (
    
      TestContext.Provider: {JSON.stringify(params)}

{дети} ); }; const TestRoute: React.F C = () => {const params = useParams (); возврат (<>

TestRoute: {JSON.stringify(params)}

{(значение) =>

TextContext.Consumer: {JSON.stringify(value)}

} ); }; функция App () {return ( ); }

Это результат, который я получаю.

TestContext.Provider: {}
TestRoute: {"test":"asdf"}
TextContext.Consumer: {}

Это результат, который я хотел бы получить.

TestContext.Provider: {"test":"asdf"}
TestRoute: {"test":"asdf"}
TextContext.Consumer: {"test":"asdf"}