Fix fragments when last root child is an expression

Author: blikblum

packages/babel-plugin-transform-jsx-to-htm/index.mjs

@@ -181,7 +181,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
     processChildren(node, name, isFragment);
 
 		if (isRoot) {
-			commit();
+			commit(true);
 			const template = t.templateLiteral(quasis, expressions);
 			const replacement = t.taggedTemplateExpression(tag, template);
 			path.replaceWith(replacement);

test/babel-transform-jsx.test.mjs

@@ -113,6 +113,12 @@ describe('babel-plugin-transform-jsx-to-htm', () => {
 				compile(`<><div>Foo</div><div>Bar</div></>`)
 			).toBe('html`<div>Foo</div><div>Bar</div>`;');
 		});
+
+		test('root expressions', () => {
+			expect(
+				compile(`<React.Fragment>{Foo}{Bar}</React.Fragment>`)
+			).toBe('html`${Foo}${Bar}`;');
+		});
 	});
 
 	describe('props', () => {