safe-element-comparison

Unexpected attributes appear when Remix Forms uses `child.type === Component` for identification, and component identity is lost. This Skill diagnoses mapChildren issues by enforcing safe element type comparisons to prevent incorrect prop injections.

Apply module-scope React.forwardRef wrappers to preserve unique identities. This approach ensures safe element type comparisons during mapChildren modifications, keeping injected props targeted correctly.

Avoid string-based comparisons and use module-scope React.forwardRef wrappers. This enforces architecture rules that maintain unique component identities and prevent incorrect prop injections during component mapping.

Verify unique identities are preserved and confirm plain HTML counterparts do not receive injected props. These tests ensure safe element type comparisons function correctly during Remix Forms modifications.

You can safely modify component mappings by preserving safe element type comparisons. This requires applying module-scope React.forwardRef wrappers to maintain unique identities and prevent incorrect prop injections.

You need safe element type comparisons when modifying component mappings or debugging mapChildren in Remix Forms. This prevents incorrect prop injections by ensuring unique component identities remain preserved.