Estoy tratando de representar un div html en función de si una condición tiene dos valores.

la entrada del asistente está cambiando la variable tipo de respuesta a "textMessage" o "textToSpeech". no estoy seguro si estoy haciendo bien la condición...

 const stepOne = () => { const responseType = watch("responseType") return ( <WizardInput type="radio" id="textMessage" checked={upload?.responseType === "textMessage"} tag={CustomInput} onChange={({ target }) => { handleInputChange(target); }} innerRef={register({ required: "Add your message silly goose" })} value="textMessage" name="responseType" errors={errors} /> <WizardInput type="radio" id="textToSpeech" checked={upload?.responseType === "textToSpeech"} tag={CustomInput} onChange={({ target }) => { handleInputChange(target); }} innerRef={register()} value="textToSpeech" name="responseType" errors={errors} /> // trying to render this h5 if textMessage OR textToSpeech { responseType === "textMessage" || "textToSpeech" && ( <div> <h5>This here</h5> </div> )} )}