gatsby-browser.js

/**
 * Implement Gatsby's Browser APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/browser-apis/
 */

// You can delete this file if you're not using it
// export const onClientEntry = () => {  
//     // IntersectionObserver polyfill for gatsby-background-image (Safari, IE)
//     if (typeof window.IntersectionObserver === `undefined`) {
//       import(`intersection-observer`)
//       console.log(`# IntersectionObserver is polyfilled!`)
//     }
//   }

require('typeface-ibm-plex-sans');
require('typeface-ibm-plex-serif')
require('typeface-ibm-plex-mono')

export const onServiceWorkerUpdateReady = () => {
  const answer = window.confirm(
    `This application has been updated. ` +
      `Reload to display the latest version?`
  )
  if (answer === true) {
    window.location.reload()
  }
}

export const shouldUpdateScroll = ({
  routerProps: { location },
  getSavedScrollPosition,
  pathname
}) => {
  const currentPosition = getSavedScrollPosition(pathname);

  console.log('current position',currentPosition)
  // console.log(getSavedScrollPosition(location));
  const queriedPosition = getSavedScrollPosition({ pathname: `/about` })


  window.scrollTo(...(currentPosition || [0, 0]))

  return true
}