extract-default-non-primitive-parameter-to-constant

What problem does it solve?

This Skill addresses a common issue in React memoization where non-primitive default parameters (like objects or functions) cause memoization to fail because new instances are created on each render.

Core Features & Use Cases

• Fixes Memoization: Ensures stable default values for optional parameters in memoized components.
• Improves Performance: Prevents unnecessary re-renders by maintaining referential equality for default props.
• Use Case: When using a memoized React component with an optional onClick handler, defining the default as a constant NOOP function prevents the component from re-rendering unnecessarily when the prop is not provided.

Quick Start

Extract the default value for the 'onClick' prop in a memoized component to a constant.