SSR pattern

ClientOnly.js

import React from 'react';

const SSR = typeof window === 'undefined';

function _ClientOnly() {
  return(
    <div style={{
      backgroundColor: localStorage.getItem('backgroundColor')
    }}/>
  );
}

export default function ClientOnly(props) {
  if (SSR) {
    return <div/>;
  } else {
    return <_ClientOnly {...props} />;
  }
}