This is intentional JSX formatting behavior and there is no Prettier option to disable it.

The space before /> in self-closing tags is part of the JSX spec recommendation and Prettier enforces it for consistency.

Why it exists:

• Improves readability
• Matches the HTML5 XHTML-compatible style
• Consistent with React documentation examples

Workarounds:

1. Use prettier-ignore for specific lines

{/* prettier-ignore */}
<div className="..."/>

2. Accept the convention
   Most React codebases use the space. It is the de facto standard.

3. Use a different formatter
   If this is a dealbreaker, tools like Biome or dprint allow more configuration.

Unfortunately Prettier is opinionated here and does not provide a config option for this specific behavior.

no puedes desactivar eso con una opcion de prettier, es comportamiento hardcodeado segun el estandar JSX. prettier sigue la spec de jsx que pide espacio antes del /> en self-closing tags

lo unico que puedes hacer es usar un plugin como prettier-plugin-tailwindcss que a veces cambia como formatea jsx, pero especificamente para esto no hay config

si te molesta mucho puedes ignorar esa regla con un comentario // prettier-ignore encima del componente, o configurar una regla de eslint que lo revierta despues, aunque eso es pelearse con las herramientas mas de la cuenta la verdad