Tech Challenge

The same characters, Tom &amp; Jerry, appear twice: once as literal JSX text inside the <h1>, and once inside a JavaScript string that is rendered through braces in the <h2>. What does the user see in each heading?

function Title() {
  const name = 'Tom & Jerry';
  return (
    <>
      <h1>Tom &amp; Jerry</h1>
      <h2>{name}</h2>
    </>
  );
}