'fs' must not be imported when in browser about orbit-db-keystore HOT 1 CLOSED

I just understand the problem better. In reality orbitdb already has a shim to avoid this: https://github.com/orbitdb/orbit-db/blob/main/src/fs-shim.js

But since it's executed before rendering, it will not works with React.

The solution a found on Next.js was adding this lines to next.config.js:

webpack: (config, { isServer }) => {
    
    // If client-side, don't polyfill `fs`
    if (!isServer) {
      config.resolve.fallback = {
        fs: false,
      };
    }
    return config;
  }

from orbit-db-keystore.