ForwardRef(AccordionItem) in Accordian.item ,Each child in a list should have a unique "key" prop

[mak12]

Description

ForwardRef(AccordionItem) in Accordian.item ,Each child in a list should have a unique "key" prop

CodeSandbox/Snack link

https://snack.expo.dev/UXxPIVXSKK

Steps to reproduce

1. Go to '.components/Example.js'

NativeBase Version

3.4.6

Platform

• Android
• CRA
• Expo
• iOS
• Next

I have passed the key prop to Accordion.Item still same issue.

<Accordion allowMultiple={false} style={{flex:1}} > { MAIN_C0NTENT.map((item, index) => { return <Accordion.Item key={${item.index}} m={0} > <Accordion.Summary style={{flex:1}}> </Accordion.Summary> </Accordion.Item> }) } </Accordion>

Warning: Each child in a list should have a unique "key" prop.

Check the render method of `ForwardRef(AccordionItem)`. See https://reactjs.org/link/warning-keys for more information.
View
    in AccordionItem
    in RCTView (at View.js:32)
    in View (at styled.tsx:25)
    in Unknown (at Box/index.tsx:100)
    in Box
    in Accordion
    in RCTScrollContentView (at ScrollView.js:1682)
    in RCTScrollView (at ScrollView.js:1800)
    in ScrollView (at ScrollView.js:1826)
    in ScrollView (at styled.tsx:25)
    in Unknown (at ScrollView.tsx:27)
    in Unknown (at businessType/index.tsx:382)
    in RCTView (at View.js:32)
    in View (at businessType/index.tsx:381)
    in BusinessType (at onBoarding/index.tsx:179)
    in RCTView (at View.js:32)
    in View (at onBoarding/index.tsx:177)
    in RNCViewPager (at PagerView.tsx:145)
    in PagerView (at onBoarding/index.tsx:120)
    in RNCSafeAreaView (at SafeAreaView.tsx:14)
    in Unknown (at onBoarding/index.tsx:95)
    in OnBoardingScreen (at SceneView.tsx:132)
    in StaticContainer
    in EnsureSingleNavigator (at SceneView.tsx:124)
    in SceneView (at useDescriptors.tsx:217)
    in RCTView (at View.js:32)
    in View (at DebugContainer.native.tsx:27)
    in DebugContainer (at NativeStackView.native.tsx:76)
    in MaybeNestedStack (at NativeStackView.native.tsx:247)
    in RNSScreen (at createAnimatedComponent.js:211)
    in AnimatedComponent (at createAnimatedComponent.js:264)
    in AnimatedComponentWrapper (at src/index.native.tsx:281)
    in MaybeFreeze (at src/index.native.tsx:280)
    in Screen (at NativeStackView.native.tsx:180)
    in SceneView (at NativeStackView.native.tsx:299)
    in RNSScreenStack (at src/index.native.tsx:202)
    in ScreenStack (at NativeStackView.native.tsx:290)
    in NativeStackViewInner (at NativeStackView.native.tsx:344)
    in RCTView (at View.js:32)
    in View (at SafeAreaProviderCompat.tsx:42)
    in SafeAreaProviderCompat (at NativeStackView.native.tsx:343)
    in NativeStackView (at createNativeStackNavigator.tsx:72)
    in Unknown (at createNativeStackNavigator.tsx:71)
    in NativeStackNavigator (at authentication/index.tsx:34)
    in RCTView (at View.js:32)
    in View (at authentication/index.tsx:32)
    in AuthenticationTab (at RootNavigator.tsx:7)
    in _c (at navigation/index.tsx:17)
    in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430)
    in BaseNavigationContainer (at NavigationContainer.tsx:132)
    in ThemeProvider (at NavigationContainer.tsx:131)
    in NavigationContainerInner (at navigation/index.tsx:15)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:87)
    in SafeAreaProvider (at navigation/index.tsx:14)
    in AppNavigatorConnected (created by Connect(AppNavigatorConnected))
    in Connect(AppNavigatorConnected) (at App.tsx:61)
    in $29383e587d62412a$export$9f8ac96af4b1b2ae (at NativeBaseProvider.tsx:97)
    in ToastProvider (at NativeBaseProvider.tsx:95)
    in PortalProvider (at NativeBaseProvider.tsx:94)
    in HybridProvider (at NativeBaseProvider.tsx:90)
    in ResponsiveQueryProvider (at NativeBaseProvider.tsx:89)
    in RNCSafeAreaProvider (at SafeAreaContext.tsx:87)
    in SafeAreaProvider (at NativeBaseProvider.tsx:84)
    in NativeBaseConfigProviderProvider (at NativeBaseProvider.tsx:77)
    in NativeBaseProvider (at App.tsx:60)
    in I18nextProvider (at App.tsx:59)
    in Provider (at App.tsx:58)
    in PersistGate (at App.tsx:57)
    in ApolloProvider (at App.tsx:56)
    in App (at renderApplication.js:50)
    in RCTView (at View.js:32)
    in View (at AppContainer.js:92)
    in RCTView (at View.js:32)
    in View (at AppContainer.js:119)
    in AppContainer (at renderApplication.js:43)

Platform

• NativeBase version 3.4.6
• Device: iPhone12 pro(simulator)
• OS: MacOS
• React Native version 0.68.1

Other Platform

No response

Additional Information

[Krithikj20]

Hi @mak12, Thank you for reaching out to us. Accordian component you are referring to is yet to be released. We are going to release it in upcoming sprints.

[mak12]

Hi @Krithikj20 thank you for the reply, any timeline for this release? This is the only component with this warning in project.