useRouteMatch,connect is not working while upgrading umijs v4

[Khadhiri786]

import {useRouteMatch,connect,request} from 'umi' is not working in umijs v4

[fz6m]

1. useRouteMatch : Umi 4 using react-router v6 , you should use:

   import { useParams } from 'umi'
   
   export default function Page() {
     // https://reactrouter.com/en/main/hooks/use-params
     // you can import `react-router` methods from 'umi'
     const { userId } = useParams();
   
     // ...
   }

2. connect / request : In umi4, the umi 3 plugins is not included by default, you should install and enable it

     pnpm i -D @umijs/plugins

   // .umirc.ts
   
   export default {
     plugins: [
       '@umijs/plugins/dist/dva',
       '@umijs/plugins/dist/request'
     ],
     dva: {},
     request: {}
   }

[Khadhiri786]

We are not using dot file for umi till date. Can we add the above code snippet in the config.ts? where we have done configurations for umi?

[fz6m]

using either .umirc.ts or config/config.ts is the same.