使用React.createElement代替JSX。
示例：

import Button from '@mui/material/Button';
import DialogTitle from '@mui/material/DialogTitle';
import DialogContent from '@mui/material/DialogContent';
import Dialog from '@mui/material/Dialog';
import {createElement, useState, Fragment} from 'react';

export default function Demo() {
  const [open, setOpen] = useState(false);
  return createElement(Fragment, {},
    createElement(Button, {onClick(){setOpen(true)}}, 'Open Dialog'),
    createElement(Dialog, {open, onClose(){setOpen(false)}}, 
    createElement(DialogTitle, {}, "Dialog Title"),
    createElement(DialogContent, {}, "Content"))
  );
}