semi-design/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

import React from 'react';
import Layout from './src/components/layout';

export const wrapPageElement = ({ element, props }) => <Layout {...props}>{element}</Layout>;

export const onRouteUpdate = ({ location, prevLocation }) => {
    // console.log("new pathname", location.pathname)
    // console.log("old pathname", prevLocation ? prevLocation.pathname : null)
};

export const onPreRouteUpdate = ({ location, prevLocation }) => {
    // console.log("Gatsby started to change location to", location.pathname)
    // console.log("Gatsby started to change location from", prevLocation ? prevLocation.pathname : null)
};

export const shouldUpdateScroll = ({ routerProps: { location }, getSavedScrollPosition }) => {
    if (location.hash) {
        return false;
    }

    return true;
};