What is a React Fragment?

Direct answer

A React Fragment groups multiple JSX children without adding an extra wrapper element to the DOM.

Name.jsx

import { Fragment } from "react";

export default function Name() {
  return (
    <>
      <dt>First name</dt>
      <dd>Ada</dd>
    </>
  );
}

The short syntax <>...</> is convenient when no Fragment key is needed. Use the explicit <Fragment key={...}> form when rendering keyed fragments in a list.