upgrade dep: umi^4.0.0-canary.20220429.4

.umirc

@@ -1,5 +0,0 @@
-import routes from './config/routes'
-
-export default {
-    routes
-}

config/config.ts

@@ -3,6 +3,7 @@
  */
 import lessToJs from 'less-vars-to-js'
 import fs from 'fs'
+import routes from './routes'
 import path from 'path'
 import proxy from './proxy'
 
@@ -16,6 +17,7 @@ const config = {
   targets: { ie: 11 },
   theme,
   proxy,
+  routes,
   devtool: 'eval',
   mock: {
     exclude: ['utils/index'],

config/routes.ts

@@ -2,7 +2,7 @@ const routes = [
   {
     exact: false,
     path: '/',
-    component: '@/layouts/index',
+    // component: '@/layouts/index', // comment due to double layout
     routes: [
       { exact: true, path: '/login', component: '@/pages/login' },
       { exact: true, path: '/user', component: '@/pages/user' },

package.json

@@ -5,7 +5,7 @@
   "description": "An admin dashboard application demo built upon Ant Design and UmiJS",
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@ant-design/pro-layout": "^6.35.0",
+    "@ant-design/pro-layout": "^6.37.0",
     "@lingui/core": "^3.13.3",
     "@lingui/detect-locale": "^3.13.3",
     "@lingui/react": "^3.13.3",
@@ -66,8 +66,8 @@
     "stylelint": "^14.8.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^25.0.0",
-    "typescript": "^4.6.3",
-    "umi": "4.0.0-canary.20220428.1"
+    "typescript": "^4.6.4",
+    "umi": "4.0.0-canary.20220429.4"
   },
   "engines": {
     "node": ">= 10.0.0"
@@ -83,18 +83,31 @@
     ]
   },
   "lingui": {
-    "fallbackLocales": { "default": "en" },
+    "fallbackLocales": {
+      "default": "en"
+    },
     "sourceLocale": "en",
-    "locales": [ "en", "zh", "pt-br"],
+    "locales": [
+      "en",
+      "zh",
+      "pt-br"
+    ],
     "catalogs": [
       {
         "path": "src/locales/{locale}/messages",
-        "include": ["src"],
-        "exclude": ["**/node_modules/**"]
+        "include": [
+          "src"
+        ],
+        "exclude": [
+          "**/node_modules/**"
+        ]
       }
     ],
     "format": "minimal",
-    "runtimeConfigModule": ["@/hooks/useIntlProvider", "i18n"]
+    "runtimeConfigModule": [
+      "@/hooks/useIntlProvider",
+      "i18n"
+    ]
   },
   "scripts": {
     "start": "umi dev",

src/layouts/BaseLayout.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { useLocation } from '@/hooks'
 import { queryLayout } from '@/utils'
 import { config } from '@/configs'
+import { Outlet } from 'umi'
 import PublicLayout from './PublicLayout'
 import PrimaryLayout from './PrimaryLayout/index'
 import './BaseLayout.less'
@@ -14,7 +15,7 @@ const LayoutMap = {
 const BaseLayout: React.FC = (props) => {
   const location = useLocation()
   const Container = LayoutMap[queryLayout(config.layouts, location.pathname)]
-  return <Container>{props.children}</Container>
+  return <Container><Outlet /></Container>
 }
 
 export default BaseLayout

src/layouts/PrimaryLayout/index.tsx

@@ -4,7 +4,7 @@ import ProBasicLayout, {
   MenuDataItem,
   SettingDrawerProps,
 } from '@ant-design/pro-layout'
-import { Link } from 'umi'
+import { Link, Outlet } from 'umi'
 import { useLocation } from '@/hooks'
 import { menus, menuIcon, config } from '@/configs'
 import defaultSettings from '@/defaultSettings'
@@ -68,7 +68,7 @@ const PrimaryLayout: React.FC = (props) => {
         menuProps={menuProps}
         rightContentRender={() => <HeaderRightContent />}
       >
-        {props.children}
+        <Outlet />
       </ProBasicLayout>
     </>
   )

src/layouts/PublicLayout.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
+import { Outlet } from 'umi'
 
 const PublicLayout: React.FC = (props) => {
-  return <>{props.children}</>
+  return <><Outlet /></>
 }
 
 export default PublicLayout

src/pages/login/index.tsx

@@ -34,7 +34,7 @@ const Login: React.FC = () => {
   const handleFinish = (values: ILoginUserParams) => {
     runLogin(values).then(() => {
       queryUserInfo()
-      history.push('/dashborad')
+      history.push('/user')
     })
   }