do-not-wrap-simple-expression-in-usememo

What problem does it solve?

This Skill prevents unnecessary performance overhead in React applications by avoiding the misuse of useMemo for simple expressions that return primitive values.

Core Features & Use Cases

• Performance Optimization: Identifies and corrects instances where useMemo is applied to simple calculations or boolean checks, which can be less efficient than direct computation.
• Code Clarity: Promotes cleaner and more readable React code by adhering to best practices for hook usage.
• Use Case: Refactor a React component to remove a useMemo hook that is wrapping a simple boolean logic, improving rendering performance.

Quick Start

Refactor the provided React component to remove unnecessary useMemo calls for simple expressions.