How to use the react-helmet-async.HelmetProvider.canUseDOM function in react-helmet-async

import React from 'react';
import renderer from 'react-test-renderer';
import { HelmetProvider } from 'react-helmet-async';
import { Home } from '../';

HelmetProvider.canUseDOM = false;

it('renders loading state correctly', () => {
  const tree = renderer
    .create(
      <HelmetProvider>
        <Home data={{ loading: true }} />
      </HelmetProvider>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

it('renders loaded state correctly', () => {
  const data = {
    loading: false,
    github: {

import React from 'react';
import renderer from 'react-test-renderer';
import { HelmetProvider } from 'react-helmet-async';
import Home from '../';

HelmetProvider.canUseDOM = false;

it('renders correctly', () => {
  const tree = renderer
    .create(
      <HelmetProvider>
        <Home />
      </HelmetProvider>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

import React from 'react';
import renderer from 'react-test-renderer';
import { HelmetProvider } from 'react-helmet-async';
import Home from '../';

HelmetProvider.canUseDOM = false;

it('renders correctly', () => {
  const tree = renderer
    .create(
      <HelmetProvider>
        <Home />
      </HelmetProvider>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

export const ServerApp = props => {
  const { url, context, helmetContext, store } = props;
  setupLocale();
  HelmetProvider.canUseDOM = false;
  return (
    <IntlProvider locale={config.locale} messages={localeMessages}>
      <Provider store={store}>
        <HelmetProvider context={helmetContext}>
          <StaticRouter location={url} context={context}>
            <Routes routes={routeConfiguration()} />
          </StaticRouter>
        </HelmetProvider>
      </Provider>
    </IntlProvider>
  );
};