SSR - Render Only In Client

OnlyInClient.jsx

class OnlyInClient extends Component {
  static defaultProps = { fallback: null }
  state = { client: false }
  
  componentDidMount() {
    this.setState({ client: true })
  }
  
  render() {
    if (!this.state.client) {
      return this.props.fallback
    }
    
    return this.props.children()
  }
}

// nullable
<OnlyInClient>
  {() => <Content />}
</OnlyInClient>

// with a fallback
<OnlyInClient fallback={<Spinner />}>
  {() => <Content />}
</OnlyInClient>