Кто-То работал с tooltip из material ui? в доке в

качестве title передаётся jsx, у меня он тупо не читается.
import React from 'react'
import { makeStyles } from '@material-ui/styles'
import Tooltip from '@material-ui/core/Tooltip'


function arrowGenerator(color) {
return styles
}

const useStyles = makeStyles(theme => {
return styles
})

const CustomizedTooltips = (props) => {
const classes = useStyles()
const [arrowRef, setArrowRef] = React.useState(null)

return (
<React.Fragment>
<Tooltip
title={
<React.Fragment>
<div>qwesadas</div>
<button>asd</button>
<span className={classes.arrow} ref={setArrowRef} />
</React.Fragment>
}
// title={props.content}
classes={{ popper: classes.arrowPopper }}
PopperProps={{
popperOptions: {
modifiers: {
arrow: {
enabled: Boolean(arrowRef),
element: arrowRef,
},
},
},
}}
>
{props.children}
</Tooltip>
</React.Fragment>
)
}

export default CustomizedTooltips

В части title ваш код рабочий, смотрите ошибки в других местах. Используйте для ref useRef.