Wrap components with <NoSRS /> to avoid being rendered on server side

NoSSR.js

import React from 'react'

class NoSSR extends React.Component {
  state = { canRender: false }

  componentDidMount () {
    this.setState({ canRender: true })
  }

  render () {
    const { children, placeholder = null } = this.props
    const { canRender } = this.state

    return canRender ? children : placeholder
  }
}

export default NoSSR