我想調用 ReactJS HOC 來圍繞 JSX 包裝工具提示。調用應該是這樣的：withTooltip(JSX, "very nice")為此我創建了這個函數：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>    );它說：函數作為 React 子項無效。如果您返回一個組件而不是從渲染中返回，則可能會發生這種情況?；蛘咭苍S你打算調用這個函數而不是返回它如何解決？