portfolio/gatsby-browser.js

exports.onInitialClientRender = () => {
  require('./src/styles/base.scss')
}

exports.onClientEntry = () => {
  // IntersectionObserver polyfill for gatsby-image (Safari, IE)
  if (typeof window.IntersectionObserver === 'undefined') {
    require('intersection-observer')
    console.log('👍 IntersectionObserver is polyfilled') // eslint-disable-line no-console
  }
}