Estoy tratando de poner una etiqueta html dentro de un span para darle estilo a una palabra determinada. pero da como resultado un texto sin formato.

expectativa:

abc Y xyz

lo que obtengo en su lugar:

abc <strong>AND</strong> xyz

aquí está mi código: (codesandbox )

 import { useState } from "react"; export default function App() { const [isLoading, setIsLoading] = useState(false); return ( <div className="App"> <h1>Hello CodeSandbox</h1> <div> <span>{isLoading ? "abc" : `abc <strong>AND</strong> xyz`}</span> </div> </div> ); }