apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-03 04:42:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: replace key={index} with stable keys in pricing component

Browse source 
Use plan.name and feature text as keys instead of array indices.

Closes #942
This commit is contained in:
likiosliu 2026-03-25 10:41:56 +08:00
parent 8232893fbb
commit 967f9762c3
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/pricing.tsx
View file

@ -101,9 +101,9 @@ export function Pricing({
plans.length === 2 ? "md:grid-cols-2 max-w-5xl mx-auto" : "md:grid-cols-3"
)}
>
{plans.map((plan, index) => (
{plans.map((plan) => (
<motion.div
key={index}
key={plan.name}
initial={{ y: 50, opacity: 1 }}
whileInView={
isDesktop
@ -193,8 +193,8 @@ export function Pricing({
</p>
<ul className="mt-5 gap-2 flex flex-col">
{plan.features.map((feature, idx) => (
<li key={idx} className="flex items-start gap-2">
{plan.features.map((feature) => (
<li key={feature} className="flex items-start gap-2">
<Check className="h-4 w-4 text-primary mt-1 flex-shrink-0" />
<span className="text-left">{feature}</span>
</li>