gatsby-browser.tsx

import { goToNav } from './src/utils/goToNavItem'
import { trackPage, init } from './src/utils/stats'
import docsConfig from './config'

export const onClientEntry = () => {
  init()
}

export const onRouteUpdate = ({ location }) => {
  trackPage(location.pathname)
  goToNav(location.pathname) // This may not work anymore due to the new scroll behavior of the sidebar
  const isRedirectablePath = docsConfig.redirects.filter((redirect) => {
    const redirectFromSplit = redirect.from.split('#')
    if (redirectFromSplit.length > 1) {
      const isHashPath =
        location.href.includes(redirectFromSplit[0]) && location.hash === `#${redirectFromSplit[1]}`
      return isHashPath
    }
    return location.href.includes(redirect.from)
  })
  if (isRedirectablePath[0]) {
    const fromPathWithoutHash = isRedirectablePath[0].from.split('#')
    const toPathWithoutHash = isRedirectablePath[0].to.split('#')
    if (fromPathWithoutHash[0] === toPathWithoutHash[0]) {
      window.location.hash = toPathWithoutHash[1]
    } else {
      const newpath = location.href.replace(isRedirectablePath[0].from, isRedirectablePath[0].to)
      window.location.replace(newpath)
    }
  }
}