Hoist Static JSX Elements Extract static JSX outside components to avoid re-creation. Incorrect (recreates element every render): Correct (reuses same element): This is especially helpful for large and static SVG nodes, which can be expensive to recreate on every render. Note: If your project has React Compiler enabled, the compiler automatically hoists static JSX elements and optimizes component re-renders, making manual hoisting unnecessary. ---