diff --git a/packages/provider/src/typing/layoutToken.ts b/packages/provider/src/typing/layoutToken.ts
index 9dcb1086acd7..985c0a78c2e7 100644
--- a/packages/provider/src/typing/layoutToken.ts
+++ b/packages/provider/src/typing/layoutToken.ts
@@ -19,7 +19,7 @@ export type BaseLayoutDesignToken = {
   /**
    * layout 的背景颜色
    */
-  bgLayout: string;
+  bgLayout: string | null;
 
   /**
    * 侧边side的 token 配置
diff --git a/tests/layout/index.test.tsx b/tests/layout/index.test.tsx
index a3759cd6a4d3..b71e2a3c1080 100644
--- a/tests/layout/index.test.tsx
+++ b/tests/layout/index.test.tsx
@@ -804,6 +804,26 @@ describe('BasicLayout', () => {
     });
   });
 
+  it('🥩 do not render bgListDom', async () => {
+    const wrapper = render(
+      <ProLayout
+        token={{
+          bgLayout: null,
+        }}
+        menuExtraRender={() => <div>menuExtraRender</div>}
+        menuHeaderRender={false}
+      />,
+    );
+    await waitForWaitTime(100);
+    const dom = wrapper.baseElement.querySelector<HTMLDivElement>(
+      '.ant-pro-layout-bg-list',
+    );
+    expect(!!dom).toBeFalsy();
+    act(() => {
+      wrapper.unmount();
+    });
+  });
+
   it('🥩 customize render menu header', async () => {
     const wrapper = render(
       <ProLayout