From 7461a216a01a49bfc551b79af0166c232bd22ae9 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 19 May 2023 23:57:37 +0800
Subject: [PATCH] demo: fix Layout demo ssr render effect (#42501)

* demo: fix Layout demo ssr render effect

close https://github.com/ant-design/ant-design/issues/42487

* test: update snapshot
---
 components/layout/__tests__/__snapshots__/demo.test.ts.snap | 4 ++--
 components/layout/demo/basic.tsx                            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/layout/__tests__/__snapshots__/demo.test.ts.snap b/components/layout/__tests__/__snapshots__/demo.test.ts.snap
index 3f326fdb18..cc9c7d3a10 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.ts.snap
@@ -46,7 +46,7 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
         Header
       </header>
       <section
-        class="ant-layout"
+        class="ant-layout ant-layout-has-sider"
       >
         <aside
           class="ant-layout-sider ant-layout-sider-dark"
@@ -87,7 +87,7 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
         Header
       </header>
       <section
-        class="ant-layout"
+        class="ant-layout ant-layout-has-sider"
       >
         <main
           class="ant-layout-content"
diff --git a/components/layout/demo/basic.tsx b/components/layout/demo/basic.tsx
index 9657c56ca4..dad211cc07 100644
--- a/components/layout/demo/basic.tsx
+++ b/components/layout/demo/basic.tsx
@@ -42,7 +42,7 @@ const App: React.FC = () => (
     </Layout>
     <Layout>
       <Header style={headerStyle}>Header</Header>
-      <Layout>
+      <Layout hasSider>
         <Sider style={siderStyle}>Sider</Sider>
         <Content style={contentStyle}>Content</Content>
       </Layout>
@@ -50,7 +50,7 @@ const App: React.FC = () => (
     </Layout>
     <Layout>
       <Header style={headerStyle}>Header</Header>
-      <Layout>
+      <Layout hasSider>
         <Content style={contentStyle}>Content</Content>
         <Sider style={siderStyle}>Sider</Sider>
       </Layout>