Convert `<></>` ⇒ `React.Fragment`

JavaScript pattern

React suggest to use React.Fragment besides <>


Apply with the Grit CLI
grit apply convert_fragment_to_react_fragment

<></>React.Fragment

BEFORE
const Cat = (props) => {
  return (
    <>
      <h1>{props.name}</h1>

      <div>
        <p>{props.color}</p>
        <>{props.day}</>
      </div>
    </>
  );
};
AFTER
const Cat = (props) => {
  return (
    <React.Fragment>
      <h1>{props.name}</h1>

      <div>
        <p>{props.color}</p>
        <React.Fragment>{props.day}</React.Fragment>
      </div>
    </React.Fragment>
  );
};