Estoy tratando de cambiar condicionalmente el origen del video de fondo según el valor de mi estado actual dentro de mi componente funcional; sin embargo, no cambiará el video. Si mi estado {weather.weather} es 'nubes', quiero el video src="./sand.mp4" ; de lo contrario, quiero src="./beach.mp4" .

Los videos se cargan correctamente con el condicional en el procesamiento inicial, pero no se actualizarán según el valor del estado. El estado cambia correctamente al hacer clic en mi botón y se consolará correctamente en el valor. No estoy administrando el video src con estado y solo estoy usando la ruta al archivo. Intenté administrar el origen del video con el estado y tenía el mismo problema en el que el video no cambia. Estoy pensando que puede necesitar una nueva representación, pero no estoy seguro de cómo hacerlo.

**Todos los demás cambios de código y estado se manejan a través de un botón de entrada y envío

 <video autoPlay muted loop id="background-video"> <source src={weather.weather === "clouds" ? "./sand.mp4" : "./beach.mp4" } type="video/mp4" /> </video>