diff --git a/template/web/src/components/Loading.tsx b/template/web/src/components/Loading.tsx
index a20c2d2..0fe23da 100644
--- a/template/web/src/components/Loading.tsx
+++ b/template/web/src/components/Loading.tsx
@@ -1,10 +1,10 @@
-
-import React, { useEffect } from 'react';
+import React, { useEffect, memo } from 'react';
 
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 
-function Loading() {
+
+export default memo(() => {
     //componentDidMount
     useEffect(() => {
         NProgress.start();
@@ -17,6 +17,4 @@ function Loading() {
     }, []);
 
     return null;
-}
-
-export default Loading
\ No newline at end of file
+});
\ No newline at end of file
diff --git a/template/web/src/index.tsx b/template/web/src/index.tsx
index 0fc1719..3d21f32 100644
--- a/template/web/src/index.tsx
+++ b/template/web/src/index.tsx
@@ -3,10 +3,10 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { I18nextProvider } from 'react-i18next';
+import { ResponsiveProvider } from 'oak-frontend-base/lib/platforms/web';
 import './index.less';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { ResponsiveProvider } from 'oak-frontend-base/lib/platforms/web/responsive';
 import { getAppType } from './utils/env';
 import initialize from '../../src/initialize';