How to use the @material-ui/styles/StylesProvider.default function in @material-ui/styles

// See https://github.com/mui-org/material-ui/tree/master/examples/gatsby

const React = require("react"),
  { renderToString } = require("react-dom/server"),
  StylesProvider = require("@material-ui/styles/StylesProvider").default,
  getPageContext = require("./src/utils/getPageContext").default;

function replaceRenderer({
  bodyComponent,
  replaceBodyHTMLString,
  setHeadComponents,
}) {
  // Get the context of the page to collected side effects.
  const muiPageContext = getPageContext(),
    bodyHTML = renderToString(
      
        {bodyComponent}
      
    );

  replaceBodyHTMLString(bodyHTML);