Strangely, I have been able to work around this issue by trying to use tagged templates. This jsx:
...
const workAround = t => t;
return ([
<span
foo={ workAround`My bar is: ${bar}`}
>one</span>,
<span
foo={ workAround`My bar is: ${bar}`}
>two</span>,
<span
foo={ workAround`My bar is: ${bar}`}
>three</span>
]);
...
transpiles to return an array where each jsxWrapper is invoked with the correct arguments:
When returning an array, the transpiled code returns an array with only the first element invoked with arguments. The rest of the array attempts to access the arguments via a statics array (see line 16 and 33: Uncaught ReferenceError: bar is not defined).
Strangely, I have been able to work around this issue by trying to use tagged templates. This jsx:
transpiles to return an array where each jsxWrapper is invoked with the correct arguments: