Maybe it’s ugly, that seems like a matter of personal taste. But it’s syntactically unambiguous which is valuable especially for a language which mixes expressions and statements in often very subtle ways. There are also other ambiguities to consider:

  const trailingIntetpolation = <><div/>{foo}</>;
  const leading = <>{foo}<div/></>;
  const bare = <>{foo}</>;