Astro 7.0 introduced a new Rust-based compiler that changes how whitespace between adjacent JSX elements is handled. Previously, adjacent elements like two spans would render with a space between them; now they render without any space. The fix is either to explicitly add {' '} between elements (JSX-style) or to set compressHTML: true in astro.config.mjs, which restores the previous spacing behavior without requiring changes to every component.
1.7K Impressions