1
2
3
4
5
6
Use the "Verify Solution" button to get AI feedback on your react senior task code.
You are presented with a React application featuring a parent component that renders a list. Both the list container component and individual list items are wrapped with React.memo for performance optimization. However, you'll observe that the list components still re-render unnecessarily when the parent component's unrelated state changes.Your task is to identify and fix the performance bottleneck to ensure that MemoizedList and MemoizedListItem components only re-render when their props genuinely change, leveraging React's memoization techniques effectively.