El tipo de entrada checkbox no está funcionando en mi proyecto.

Traté de crear un tipo de entrada “checkbox” en mi proyecto de React que ya estaba terminado, solo quería probar algunas cosas nuevas en él. Pero la checkbox no se muestra. Ejecuté un proyecto vacío nuevo y copié y pegué el código de la entrada y funcionó perfectamente. No sé por dónde empezar a buscar. ¿Podría tener algo que ver con las dependencias o algo así? No es un problema de ruta o de biblioteca porque utilicé el código más básico.
Este es el código que escribí en mi nuevo proyecto que funciona perfectamente:

import './App.css';

function App() {
  return (
    <div>
    Selecciona el topping de tu pizza:
    <div classname="topping">
      <input type="checkbox" id="topping" name="topping" value="Paneer">Paneer
    </div>
  </div>
  );
}

export default App;

Y este es el código del proyecto original, todo funciona excepto la entrada:

import * as React from 'react';

const Contact = () => {

        return (
    <div classname="exemplo">
        Selecciona el topping de tu pizza:
     <div classname="topping">
       <input type="checkbox" id="topping" name="topping" value="Paneer">
    </div>
  </div>
          );
}

export default Contact

No tiene sentido porque es el mismo código, así que no tengo ni idea de cuál es el problema. Si alguien pudiera decirme por dónde empezar a buscar, sería genial, ¡gracias!