¿El componente podría crearse de una vez con etiquetas semánticas como header, main, section y footer? o para react es más recomendable u...

Claro ! Utiliza las etiquetas semanticas no hay ningun problema , claro que tienes que tener en cuenta que rol juega tu componente ya que aveces en react no es tan facil diferenciar como se posicionan las etiquetas, para que luego no termines con una etiqueta footer en la mitad de tu proyecto jeje

Por cuestiones de practicidad en el curso se utiliza mucho la etiqueta div como contenedor, pero para un caso de aplicación real lo ideal sería utilizar HTML semántico y mantener buenas practicas de desarrollo :D

@NilsonKr toda la razón el propósito del componente define la utilización del ciertas etiquetas, entiendo que con div queda más genérico, pero como dice @omegadev hay que tratar de mantener buenas prácticas, me queda super claro, gracias 🙏