Estoy tratando de alertar a un botón en react-markdown.

Este es el código a continuación:

 import React, {useState, useEffect} from "react"; import {useNavigate} from "react-router-dom"; import '../App.css'; import ReactMarkdown from "react-markdown"; import remarkGfm from 'remark-gfm' import rehypeRaw from "rehype-raw" function App() { const navigate=useNavigate() const handleClick=(e)=>{ alert("Hello") e.preventDefault() } const source = ` # Plugin <button onClick=${handleClick}> Click Me </button> ` return ( <div className="App"> <ReactMarkdown children={source} rehypePlugins={[rehypeRaw]} remarkPlugins={[remarkGfm]} /> </div> ); } export default App

Después de visitar la URL, obtengo algo así:

 <button onClick=e => { alert("Hello"); e.preventDefault(); }> Click Me

o el botón de alerta sigue apareciendo.

alguien por favor ayuda