Higher-Order Components

Mutating the input component
Creating side effects in the render method
Applying HOCs conditionally inside render
Passing unrelated props to the wrapped component
Passing unrelated props to the wrapped component is a best practice when creating HOCs. This technique, called 'prop spreading' (using {...props}), ensures that all props meant for the wrapped component are properly forwarded, preventing the HOC from blocking or filtering important props.