re-implements custom view in CustomComponents, types a few files

demo/collections/CustomComponents/index.js

@@ -101,9 +101,7 @@ module.exports = {
   admin: {
     useAsTitle: 'title',
     components: {
-      views: {
-        List: ListView,
-      },
+      List: ListView,
     },
   },
 };

src/admin/components/Routes.tsx

@@ -1,6 +1,6 @@
 import React, { Suspense, lazy, useState, useEffect } from 'react';
 import {
-  Route, Switch, withRouter, Redirect, useHistory,
+  Route, Switch, withRouter, Redirect, useHistory, useLocation,
 } from 'react-router-dom';
 import { useConfig } from './providers/Config';
 import List from './views/collections/List';
@@ -23,6 +23,7 @@ const Unauthorized = lazy(() => import('./views/Unauthorized'));
 const Account = lazy(() => import('./views/Account'));
 
 const Routes = () => {
+  const { pathname } = useLocation();
   const history = useHistory();
   const [initialized, setInitialized] = useState(null);
   const { user, permissions, permissions: { canAccessAdmin } } = useAuth();
@@ -40,8 +41,9 @@ const Routes = () => {
   }, [routes, userSlug]);
 
   useEffect(() => {
-    history.replace();
-  }, [history]);
+    // Clear location state on path change
+    history.replace(pathname, {});
+  }, [history, pathname]);
 
   return (
     <Suspense fallback={<Loading />}>

src/express/admin.ts

@@ -6,7 +6,7 @@ import initWebpack from '../webpack/init';
 
 const router = express.Router();
 
-function initAdmin() {
+function initAdmin(): void {
   if (!this.config.admin.disable && process.env.NODE_ENV !== 'test') {
     this.initWebpack = initWebpack.bind(this);