From a5085af86c652b1646564452d03f5644bddb4a55 Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Thu, 6 Feb 2020 14:54:23 +0800
Subject: [PATCH] turn custom fallback as function

---
 resources/assets/src/index.tsx         | 2 +-
 resources/assets/src/scripts/route.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/assets/src/index.tsx b/resources/assets/src/index.tsx
index 8d52162b..8472cee9 100644
--- a/resources/assets/src/index.tsx
+++ b/resources/assets/src/index.tsx
@@ -22,7 +22,7 @@ function loadModules() {
         route.react as (() => Promise<{ default: React.ComponentType }>)
       )
       const Root = () => (
-        <React.Suspense fallback={route.frame ?? ''}>
+        <React.Suspense fallback={route.frame?.() ?? ''}>
           <Component />
         </React.Suspense>
       )
diff --git a/resources/assets/src/scripts/route.tsx b/resources/assets/src/scripts/route.tsx
index 43829200..db693d01 100644
--- a/resources/assets/src/scripts/route.tsx
+++ b/resources/assets/src/scripts/route.tsx
@@ -14,7 +14,7 @@ export default [
     path: 'user',
     react: () => import('../views/user/Dashboard'),
     el: '#usage-box',
-    frame: (
+    frame: () => (
       <div className="card card-primary card-outline">
         <div className="card-header">&nbsp;</div>
         <div className="card-body"></div>