React Router/6/Replace UseRouteMatchWithUseMatch
This codemod updates useRouteMatch
calls to the newer useMatch
function in react-router-dom
. It also adjusts any arguments passed to useRouteMatch
, changing strict
to end
and sensitive
to caseSensitive
. Additionally, it ensures that imports are updated to reflect the removal of useRouteMatch
.
Before
import { useRouteMatch } from "react-router-dom";const match = useRouteMatch({path: "/home",strict: true,sensitive: false,});
After
import { useMatch } from "react-router-dom";const match = useMatch({path: "/home",end: true,caseSensitive: false,});
This codemod streamlines the use of route matching in your application, aligning with the latest React Router practices while ensuring existing functionality is preserved. It also removes any obsolete references to useRouteMatch
in imports.
Build custom codemods
Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community