Fix key property assignment (#209)

nilshartmann · web-flow · commit 386d94956d32 · 2025-10-22T06:20:41.000-07:00
diff --git a/frameworks/react-cra/add-ons/start/assets/src/routes/index.tsx.ejs b/frameworks/react-cra/add-ons/start/assets/src/routes/index.tsx.ejs
@@ -99,7 +99,7 @@ return (
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {features.map((feature, index) => (
         <div
-          key="{index}"
+          key={index}
           className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10"
         >
           <div className="mb-4">{feature.icon}</div>

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ return (`
`99`	`99`	`<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">`
`100`	`100`	`{features.map((feature, index) => (`
`101`	`101`	`<div`
`102`		`- key="{index}"`
	`102`	`+ key={index}`
`103`	`103`	`className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10"`
`104`	`104`	`>`
`105`	`105`	`<div className="mb-4">{feature.icon}</div>`