use index value in key

newfold-labs · Oct 10, 2024 · 1606fe2 · 1606fe2
1 parent 4283b3f
commit 1606fe2
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/WPSolutionsBanner.js b/src/components/WPSolutionsBanner.js
@@ -92,7 +92,7 @@ export function WPSolutionsBanner() {
                                     <div className={classNames('nfd-grid nfd-grid-flow-row-dense nfd-grid-cols-3 nfd-grid-rows-2 nfd-gap-6')}>
                                         {
                                             solutionsCards?.map((details, index) => {                                                
-                                                return (<div key="index" className={classNames("max-[950px]:nfd-col-span-3", "nfd-flex nfd-flex-col nfd-bg-[#F1F5F7] nfd-p-6 nfd-rounded-lg nfd-border nfd-border-[#E2E8F0] nfd-box-content", `${ index === 0 || index === 3 ? 'nfd-col-span-1': 'nfd-col-span-2'}`)}>                        
+                                                return (<div key={index} className={classNames("max-[950px]:nfd-col-span-3", "nfd-flex nfd-flex-col nfd-bg-[#F1F5F7] nfd-p-6 nfd-rounded-lg nfd-border nfd-border-[#E2E8F0] nfd-box-content", `${ index === 0 || index === 3 ? 'nfd-col-span-1': 'nfd-col-span-2'}`)}>                        
                                                             <h2 className="nfd-text-[#0F172A] nfd-text-lg nfd-leading-5 nfd-font-semibold nfd-mb-4">
                                                                 { __(`${details['title']}`,"wp-module-ecommerce") }
                                                             </h2>