From 8f9b2e580ee9db04bf72bc58c40b8858d78383eb Mon Sep 17 00:00:00 2001
From: MadCcc <1075746765@qq.com>
Date: Thu, 9 Mar 2023 19:55:20 +0800
Subject: [PATCH] fix: quotes in key crashes

---
 src/util.ts          | 6 ++++--
 tests/index.test.tsx | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/util.ts b/src/util.ts
index c11039b7..5084d5fc 100644
--- a/src/util.ts
+++ b/src/util.ts
@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * We trade Map as deps which may change with same value but different ref object.
  * We should make it as hash for deps
@@ -18,6 +20,6 @@ export function stringify<K extends string | number | symbol, V>(obj: Record<K,
 }
 
 const RC_TABS_DOUBLE_QUOTE = 'TABS_DQ';
-export function genDataNodeKey(key: string): string {
-  return key.replace(/"/g, RC_TABS_DOUBLE_QUOTE);
+export function genDataNodeKey(key: React.Key): string {
+  return String(key).replace(/"/g, RC_TABS_DOUBLE_QUOTE);
 }
diff --git a/tests/index.test.tsx b/tests/index.test.tsx
index a83d96e7..ee2c0a57 100644
--- a/tests/index.test.tsx
+++ b/tests/index.test.tsx
@@ -513,5 +513,9 @@ describe('Tabs.Basic', () => {
 
   it('key contains double quote should not crash', () => {
     render(<Tabs items={[{key: '"key"', label: 'test'}]} />)
+  });
+
+  it('key could be number', () => {
+    render(<Tabs items={[{key: 1 as any, label: 'test'}]} />)
   })
 });