Usage with Gatsby.js

yarn add gatsby-plugin-mantine

npm install gatsby-plugin-mantine

module.exports = {
  plugins: ['gatsby-plugin-mantine' /* ...other plugins */],
};

yarn add @mantine/ssr

npm install @mantine/ssr

import React from 'react';
import { renderToString } from 'react-dom/server';
import { createStylesServer, ServerStyles } from '@mantine/ssr';

const stylesServer = createStylesServer();

export const replaceRenderer = ({ bodyComponent, replaceBodyHTMLString, setHeadComponents }) => {
  const html = renderToString(bodyComponent);
  setHeadComponents([<ServerStyles html={html} server={stylesServer} />]);
  replaceBodyHTMLString(html);
};