Проблема с material-ui при создании HOC Tooltip'a

Пишу свой первый вопрос на этом сайте. Пролема у меня такая: Хочу добавить HOC tooltip'a с material-ui, но по итогу не получается.

withTooltip.js

import React from "react";
import Tooltip from "@material-ui/core/Tooltip";

function withTooltip(Component, text, placement) {
  return (
    <Tooltip placement={placement} title={text}>
      <Component/>
    </Tooltip>
  )
}

export default withTooltip;

footer.js

import Toolbar from "@material-ui/core/Toolbar";
import footerStyles from "../styles/footerStyles";
import withTooltip from "../helpers/withTooltip";
import FooterGithubButton from "../components/Footer/FooterGithubButton";

function Footer(props) {
  const classes = footerStyles();
  return (
      <Toolbar className={classes.footer} component='footer'>
        {withTooltip(FooterGithubButton,  'asdasd', 'left')}
      </Toolbar>

  );
}

export default Footer;

Компонент отрисовывается, а тултип нет. Никак не могу понять в чем дело... Спасибо за ответ)