fix: change keyExtactor to use index and to be useCallback

PedroBern · Jan 30, 2021 · 95be6c2 · 95be6c2
1 parent bd4f0e2
commit 95be6c2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/createCollapsibleTabs.tsx b/src/createCollapsibleTabs.tsx
@@ -350,6 +350,8 @@ const createCollapsibleTabs = <
       [containerRef, refMap]
     )
 
+    const keyExtractor = React.useCallback((_, index) => index.toString(), [])
+
     return (
       <Context.Provider
         value={{
@@ -430,7 +432,7 @@ const createCollapsibleTabs = <
             ref={containerRef}
             initialScrollIndex={index.value}
             data={data}
-            keyExtractor={(item) => item + ''}
+            keyExtractor={keyExtractor}
             renderItem={renderItem}
             horizontal
             pagingEnabled