gatsby-ssr.js

const React = require("react");
const GlobalLayout = require("./src/components/Layouts/GlobalLayout").default;

exports.wrapPageElement = ({ element, props }) => {
  return (
    <GlobalLayout {...props}>{element}</GlobalLayout>
  ); 
};

exports.onRenderBody = ({ setHeadComponents, setHtmlAttributes }) => {

  setHtmlAttributes({ lang: "pl" })
  setHeadComponents([
    <link
      rel="preload"
      href="/fonts/RobotoCondensed-Regular.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
      key="interFont"
    />,
    <link
      rel="preload"
      href="/fonts/RobotoCondensed-Light.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
      key="interFont"
    />,
    <link
      rel="preload"
      href="/fonts/RobotoCondensed-Bold.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
      key="interFont"
    />,
    <link
      rel="preload"
      href="/fonts/NocturneSerif-Regular.woff2"
      as="font"
      type="font/woff2"
      crossOrigin="anonymous"
      key="interFont"
    />,
  ])
}