可以在.setHTML或.setDOMContent中的mapboxgl.Popup()中呈现react组件吗？

import React from 'react';
import ReactDOM from 'react-dom';

// 创建一个React组件
const MyComponent = () => {
  return <div>Hello, World!</div>;
};

// 创建一个弹出窗口
const popup = new mapboxgl.Popup()
  .setDOMContent(document.createElement('div'));

// 将React组件渲染为DOM元素
const reactElement = React.createElement(MyComponent);
ReactDOM.render(reactElement, popup.getElement());

// 在地图上添加一个标记，并将弹出窗口绑定到该标记
new mapboxgl.Marker()
  .setLngLat([longitude, latitude])
  .setPopup(popup)
  .addTo(map);