From c9a5fe3d25328fd669ff6a97ffb4431630920e9a Mon Sep 17 00:00:00 2001
From: QiShaoXuan <qishaoxuan777@gmail.com>
Date: Fri, 12 Aug 2022 19:01:40 +0800
Subject: [PATCH] fix: Property zIndex does not exist on type CSSProperties

---
 libs/components/ui/src/popper/Popper.tsx   | 4 +---
 libs/components/ui/src/popper/interface.ts | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/libs/components/ui/src/popper/Popper.tsx b/libs/components/ui/src/popper/Popper.tsx
index 12a6211015..4cf9f6a78b 100644
--- a/libs/components/ui/src/popper/Popper.tsx
+++ b/libs/components/ui/src/popper/Popper.tsx
@@ -1,5 +1,4 @@
 import React, {
-    CSSProperties,
     useEffect,
     useImperativeHandle,
     useMemo,
@@ -16,7 +15,6 @@ import Grow from '@mui/material/Grow';
 import { styled } from '../styled';
 
 import { PopperProps, VirtualElement } from './interface';
-import { useTheme } from '../theme';
 import { PopperArrow } from './PopoverArrow';
 export const Popper = ({
     children,
@@ -174,7 +172,7 @@ const Container = styled('div')({
 });
 
 const BasicStyledPopper = styled(PopperUnstyled)<{
-    zIndex?: CSSProperties['zIndex'];
+    zIndex?: number;
 }>(({ zIndex, theme }) => {
     return {
         zIndex: zIndex || theme.affine.zIndex.popover,
diff --git a/libs/components/ui/src/popper/interface.ts b/libs/components/ui/src/popper/interface.ts
index 4930de15f1..d60fac29f7 100644
--- a/libs/components/ui/src/popper/interface.ts
+++ b/libs/components/ui/src/popper/interface.ts
@@ -55,7 +55,7 @@ export type PopperProps = {
     anchorClassName?: string;
 
     // Popover z-index
-    zIndex?: CSSProperties['zIndex'];
+    zIndex?: number;
 
     offset?: [number, number];