🐞🐞 Investigate useLayoutEffect warnings by next js

[mithi]

https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85

// ***************
// IMPORTANT: Use isomorphic effect
// ***************
// React currently throws a warning when using useLayoutEffect on the server.
// To get around it, we can conditionally useEffect on the server (no-op) and
// useLayoutEffect in the browser. We need useLayoutEffect because we want
// `connect` to perform sync updates to a ref to save the latest props after
// a render is actually committed to the DOM.