diff --git a/site/theme/template/Layout/index.jsx b/site/theme/template/Layout/index.jsx
index 6ff02fa593..88eee47bb4 100644
--- a/site/theme/template/Layout/index.jsx
+++ b/site/theme/template/Layout/index.jsx
@@ -96,15 +96,17 @@ export default class Layout extends React.Component {
     const { appLocale } = this.state;
 
     return (
-      <IntlProvider locale={appLocale.locale} messages={appLocale.messages}>
-        <LocaleProvider locale={appLocale.locale === 'zh-CN' ? zhCN : null}>
-          <div className="page-wrapper">
-            <Header {...restProps} />
-            {children}
-            <Footer {...restProps} />
-          </div>
-        </LocaleProvider>
-      </IntlProvider>
+      <React.StrictMode>
+        <IntlProvider locale={appLocale.locale} messages={appLocale.messages}>
+          <LocaleProvider locale={appLocale.locale === 'zh-CN' ? zhCN : null}>
+            <div className="page-wrapper">
+              <Header {...restProps} />
+              {children}
+              <Footer {...restProps} />
+            </div>
+          </LocaleProvider>
+        </IntlProvider>
+      </React.StrictMode>
     );
   }
 }