Check for existence of window to support SSR

[aarongervais]

Great polyfill, but it breaks Gatsby's build step because window is undefined. Maybe consider adding the following to the top of the polyfill function:

if (typeof window === 'undefined') { 
  return; 
}

[freddydumont]

You have to use onClientEntry with Gatsby:

var smoothscroll = require('smoothscroll-polyfill');

exports.onClientEntry = () => {
  smoothscroll.polyfill();
};

Or you can just use my gatsby plugin:

https://github.com/freddydumont/gatsby-plugin-smoothscroll

[EricWVGG]

for Next.js, you'll need a “Custom 'App'” as per https://nextjs.org/docs/advanced-features/custom-app

ex:

import { AppProps } from 'next/app'
import smoothscroll from 'smoothscroll-polyfill'

function App({ Component, pageProps }: AppProps) {
  if(typeof window !== 'undefined') {
    smoothscroll.polyfill()  
  }
  return (
    <div suppressHydrationWarning>
      {typeof window === 'undefined' ? null : <Component {...pageProps} />}
    </div>
  )
}

export default App

[percy507]

for umi.js

import { isBrowser } from 'umi';
import smoothscroll from 'smoothscroll-polyfill';

if (isBrowser()) {
  smoothscroll.polyfill();
}