fix: <A {...{ a: 1 }} /> throw error when override props

packages/babel-plugin-jsx/src/buildProps.ts

@@ -56,8 +56,10 @@ const transformJSXSpreadAttribute = (
       walksScope(nodePath, (argument.node as t.Identifier).name, SlotFlags.DYNAMIC);
     }
     args.push(mergeProps ? argument.node : t.spreadElement(argument.node));
-  } else {
+  } else if (mergeProps) {
     args.push(t.objectExpression(properties));
+  } else {
+    args.push(...(properties as t.ObjectProperty[]));
   }
 };
 

packages/babel-plugin-jsx/test/__snapshots__/snapshot.test.ts.snap

@@ -84,6 +84,10 @@ exports[`override props multiple: multiple 1`] = `
 createVNode(resolveComponent(\\"A\\"), {
   \\"loading\\": true,
   ...a,
+  b: 1,
+  c: {
+    d: 2
+  },
   \\"class\\": \\"x\\",
   \\"style\\": x
 }, null);"

packages/babel-plugin-jsx/test/snapshot.test.ts

@@ -149,10 +149,10 @@ tests.forEach((
 
 const overridePropsTests = [{
   name: 'single',
-  from: '<div {...a}></div>',
+  from: '<div {...a} />',
 }, {
   name: 'multiple',
-  from: '<A loading {...a} class="x" style={x}></A>',
+  from: '<A loading {...a} {...{ b: 1, c: { d: 2 } }} class="x" style={x} />',
 }];
 
 overridePropsTests.forEach((