estoy aprendiendo js y react. Intento crear un quizgame, tomando los valores de un array de objetos, para que se visualicen en la aplicación. Sin embargo al hacerlo, me sale un error. Me pueden explicar cual es la razón.
import { useState } from 'react';
import preguntas from '../extras/preguntas.js'
export default function Pruebas() {
const [preguntaActual, setPreguntaActual] = useState(0);
return (
<div className='pruebas-container'>
<div>
{preguntas[preguntaActual].pregunta}
</div>
<div>
{preguntas[preguntaActual].opciones.map((respuesta) => (
<button>
{respuesta.textoRespuesta}
</button>
))}
</div>
</div>
)
}