[Duda] cambio de código

Buenas! este es el código que hice junto al profe Leonardo.

const ModalZoom = () => {
    const { state, dispatch } = useContext(GlobalContext);
    return <>
        {state.fotoSeleccionada && <>
            <Overlay />
            <DialogEstilizado open={!!state.fotoSeleccionada} onClose={() => dispatch({ type: 'SET_FOTO_SELECCIONADA', payload: null })}>
                <Imagen foto={state.fotoSeleccionada} expandida={true} />
                <form method="dialog">
                    <BotonIcono formMethod="dialog">
                        <img src="/iconos/cerrar.png" alt="Icono de cerrar" />
                    </BotonIcono>
                </form>
            </DialogEstilizado>
        </>
        }

    </>


}

pero no me anda la X para cerrar el modal! y este es el código que agregue yo!

const ModalZoom = () => {
  const { state, dispatch } = useContext(GlobalContext);
  
  const closeZoom = () => {
    dispatch({ type: "SET_FOTO_SELECCIONADA", payload: null });
  };
  return (
    <>
      
      {state.fotoSeleccionada && (
        <>
          
          <Overlay onClick={closeZoom} />
          <DialogEstilizado>
            
            <Imagen foto={state.fotoSeleccionada} expandida={true} />
            <form method="dialog">
              
              <BotonIcono onClick={closeZoom}>
                
                <img src="/iconos/cerrar.png" alt="Ícono de cerrar" />
              </BotonIcono>
            </form>
          </DialogEstilizado>
        </>
      )}
    </>
  );
};

Aca si ya me anda para cerrar el Modal! mi duda es que si tengo que registrar el código del profe Leonardo si o si o con que ande ya sirve?