From dd97fc3c4fe769519ccb1103e6422fce1d46bbe5 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Sun, 17 Sep 2023 04:23:26 +0800
Subject: [PATCH] fix: fix eslint warning (#1640)

---
 apps/docs/app/examples/table/custom-styles/page.tsx | 2 +-
 apps/docs/app/examples/table/use-case/page.tsx      | 2 +-
 apps/docs/components/code-window/code-block.tsx     | 4 ++--
 packages/components/card/stories/card.stories.tsx   | 2 +-
 packages/components/table/stories/table.stories.tsx | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/docs/app/examples/table/custom-styles/page.tsx b/apps/docs/app/examples/table/custom-styles/page.tsx
index dd5cbe7ad..813532048 100644
--- a/apps/docs/app/examples/table/custom-styles/page.tsx
+++ b/apps/docs/app/examples/table/custom-styles/page.tsx
@@ -256,7 +256,7 @@ const users = [
   },
 ];
 
-type User = typeof users[0];
+type User = (typeof users)[number];
 
 export default function Page() {
   const [filterValue, setFilterValue] = useState("");
diff --git a/apps/docs/app/examples/table/use-case/page.tsx b/apps/docs/app/examples/table/use-case/page.tsx
index b223445b0..7aa18ed3f 100644
--- a/apps/docs/app/examples/table/use-case/page.tsx
+++ b/apps/docs/app/examples/table/use-case/page.tsx
@@ -256,7 +256,7 @@ const users = [
   },
 ];
 
-type User = typeof users[0];
+type User = (typeof users)[number];
 
 export default function Page() {
   const [filterValue, setFilterValue] = useState("");
diff --git a/apps/docs/components/code-window/code-block.tsx b/apps/docs/components/code-window/code-block.tsx
index 385ff7a9a..74de828f2 100644
--- a/apps/docs/components/code-window/code-block.tsx
+++ b/apps/docs/components/code-window/code-block.tsx
@@ -108,9 +108,9 @@ function CodeTypewriter({value, className, css, ...props}: any) {
   return (
     <Pre className={className} css={css} {...props}>
       <code
+        dangerouslySetInnerHTML={{__html: value}}
         ref={wrapperRef}
         className={className}
-        dangerouslySetInnerHTML={{__html: value}}
         style={{opacity: 0}}
       />
     </Pre>
@@ -155,7 +155,7 @@ const CodeBlock = React.forwardRef<HTMLPreElement, CodeBlockProps>((_props, forw
       {...props}
     >
       {showWindowIcons && <WindowActions title={title} />}
-      <code className={clsx(classes, codeClasses)} dangerouslySetInnerHTML={{__html: result}} />
+      <code dangerouslySetInnerHTML={{__html: result}} className={clsx(classes, codeClasses)} />
     </Pre>
   );
 });
diff --git a/packages/components/card/stories/card.stories.tsx b/packages/components/card/stories/card.stories.tsx
index d3867d1dc..94219349a 100644
--- a/packages/components/card/stories/card.stories.tsx
+++ b/packages/components/card/stories/card.stories.tsx
@@ -319,7 +319,7 @@ const PrimaryActionTemplate = (args: CardProps) => {
     },
   ];
 
-  type ListItem = typeof list[number];
+  type ListItem = (typeof list)[number];
 
   const handlePress = (item: ListItem) => {
     // eslint-disable-next-line no-console
diff --git a/packages/components/table/stories/table.stories.tsx b/packages/components/table/stories/table.stories.tsx
index 717053b90..4bb472573 100644
--- a/packages/components/table/stories/table.stories.tsx
+++ b/packages/components/table/stories/table.stories.tsx
@@ -237,7 +237,7 @@ const CustomCellTemplate = (args: TableProps) => {
     },
   ];
 
-  type User = typeof users[0];
+  type User = (typeof users)[number];
 
   const statusColorMap: Record<string, ChipProps["color"]> = {
     active: "success",
@@ -377,7 +377,7 @@ const CustomCellWithClassnamesTemplate = (args: TableProps) => {
     },
   ];
 
-  type User = typeof users[0];
+  type User = (typeof users)[number];
 
   const statusColorMap: Record<string, ChipProps["color"]> = {
     active: "success",