Summary
Many components define inline handlers that reallocate each render (e.g. PropertyCard's handleAddToCart, etc.) — defeating child memoization.
Affected area
src/components/PropertyCard.tsx
src/components/MultiChainPortfolio.tsx
src/components/WalletConnectedView.tsx
Steps to reproduce
In React DevTools, observe the "Why did this render?" hint.
Expected behaviour
Wrap handlers with useCallback, lift state, or use stable IDs to scope child memoization.
Acceptance criteria
Summary
Many components define inline handlers that reallocate each render (e.g. PropertyCard's
handleAddToCart, etc.) — defeating child memoization.Affected area
src/components/PropertyCard.tsxsrc/components/MultiChainPortfolio.tsxsrc/components/WalletConnectedView.tsxSteps to reproduce
In React DevTools, observe the "Why did this render?" hint.
Expected behaviour
Wrap handlers with
useCallback, lift state, or use stable IDs to scope child memoization.Acceptance criteria