我想調(diào)用 ReactJS HOC 來圍繞 JSX 包裝工具提示。調(diào)用應(yīng)該是這樣的：withTooltip(JSX, "very nice")為此我創(chuàng)建了這個(gè)函數(shù)：import React from "react";import MUITooltip from "@material-ui/core/Tooltip";import useStyles from "./index.styles";const withTooltip = (Component, text: string) => (props) => {  const classes = useStyles();  return (    <MUITooltip className={classes.root} title={text}>      <Component {...props} />    </MUITooltip>  );};export default withTooltip;電話：import withTooltip from "commons/withTooltip/withTooltip";  const dialogBtn =    isOk &&    withTooltip(      <div className={classes.buttonWithLoader}>        <OpenDialogButton          variant={BaseButtonVariant.Icon}          openDialogAttributes={areas.button.openDialogAttributes}        />      </div>,      "Very nice",    );            return (      <Fragment>        {dialogBtn}      </Fragment>    );它說：函數(shù)作為 React 子項(xiàng)無效。如果您返回一個(gè)組件而不是從渲染中返回，則可能會(huì)發(fā)生這種情況?；蛘咭苍S你打算調(diào)用這個(gè)函數(shù)而不是返回它如何解決？