React Compiler has skipped optimizing this component because one or more React ESLint rules were disabled. React Compiler only works when your components follow all the rules of React, disabling them may result in unexpected or incorrect behavior

Mutating component props or hook arguments is not allowed. Consider using a local variable instead

Mutating a value returned from a function whose return value should not be mutated

Mutating component props or hook arguments is not allowed. Consider using a local variable instead

React Hook useMemo has a missing dependency: 'variant'. Either include it or remove the dependency array

Reassigning a variable after render has completed can cause inconsistent behavior on subsequent renders. Consider using state instead

Mutating component props or hook arguments is not allowed. Consider using a local variable instead

Mutating component props or hook arguments is not allowed. Consider using a local variable instead

Hooks must be the same function on every render, but this value may change over time to a different function. See https://react.dev/reference/rules/react-calls-components-and-hooks#dont-dynamically-use-hooks