better use String(text) and needSpace/isLast seems not needed here

packages/babel-plugin-jsx-dom-expressions/src/ssr/element.js

@@ -273,9 +273,7 @@ function transformAttributes(path, results, info) {
     attributes = normalizeAttributes(path);
   let children;
 
-  attributes.forEach((attribute, i) => {
-    const isLast = attributes.length - 1 === i;
-
+  attributes.forEach(attribute => {
     const node = attribute.node;
 
     let value = node.value,
@@ -401,12 +399,8 @@ function transformAttributes(path, results, info) {
 
       appendToTemplate(
         results.template,
-        // `typeof text === "string"``is needed, `attr=10>` becomes `attr>` without it
-        typeof text === "string" && !text.length
-          ? isLast
-            ? ``
-            : ` `
-          : `="${escapeHTML(text, true)}"`
+        // `String(text)` is needed, as text.length will mess up `attr=10>` becomes `attr>` without it
+        String(text) === "" ? `` : `="${escapeHTML(text, true)}"`
       );
     }
   });

packages/babel-plugin-jsx-dom-expressions/test/__ssr_fixtures__/attributeExpressions/output.js

@@ -28,7 +28,7 @@ var _tmpl$ = ['<a href="/" class="', '">Welcome</a>'],
   _tmpl$21 = ["<button", "></button>"],
   _tmpl$22 = '<input value="10">',
   _tmpl$23 = ["<select", "><option", ">Red</option><option", ">Blue</option></select>"],
-  _tmpl$24 = ['<div a a  a  checked  a="true" a="false" a="0" a  a ', " a></div>"];
+  _tmpl$24 = ['<div a a a checked a="true" a="false" a="0" a a', " a></div>"];
 import * as styles from "./styles.module.css";
 const selected = true;
 let id = "my-h1";