TypeError: Cannot read property 'location' of undefined React Router useRouteMatch issue

I can't solve this problem, "TypeError: Cannot read property 'location' of undefined " in my reactjs project. I am trying to nesting the url for blog post but not working it, and I have test it's math by console it's take the path but nesting showing error.

Below the code which I have tried but not solving

`
import React, { Component } from 'react';
import { Router, Link, Switch, useRouteMatch } from 'react-router-dom';
export default function Blogs(){
const match = useRouteMatch();
console.log(match.path)
return (

Latest Blogs

{/* */}

)
}

const PostListing = ()=> {
return (

}

const PostItem = (props) => {
return (

///

`

The error likely stems from using useRouteMatch outside a Router context. Check the project's routing setup to ensure the Blogs component is wrapped in a Router. Look at how redux-router integrates with React Router to see where the routing state is stored. Verify the component hierarchy and the version of react-router being used.

由索引模型根据 Issue 内容生成。