How to get the component corresponding to the current routing in DATA API?

[tbontb-iaq]

I am new to React-Router. I want to add a page cache to React-Router. To this end, I need to obtain the component corresponding to the current routing. By looking through the document, I found the useRoutes to do this, but it cannot work with the Data API.
In Data API, how can I get the component corresponding to the current route?
I am learning the latest version of React-Router, v6.11.1.

[tbontb-iaq]

I found a possible solution:

import { UNSAFE_RouteContext as RouteContext } from "react-router-dom";
import { useContext } from "react";

const routeContext = useContext(RouteContext);
const route = routeContext.matches[0].route;

The route is typeof DATA API RouteObject.