I am trying to render an html div based on wether a condition has two values.

the wizard input is changing the responseType variable to either "textMessage" or "textToSpeech". not sure if I am doing the condition right...

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>

)}

)}