How to lazy load Ketcher component (ketcher-react)

[bearmit]

Hi,

Is there a way to lazy load Ketcher component using ketcher-react ?

I cannot use lazy() because ketcher-react has no default export for Ketcher component, unfortunately it looks like React requires it.

Thanks!

EDIT

I just wrapped <Ketcher/> into an other component which is lazy loaded. It works well.

I also tried to do the following, but I didn't tested it well, so I am not sure this is a good solution.

import {lazy} from 'react';
const Editor = lazy( async () => {
  const module = await import('ketcher-react');
  return { default: module.Editor };
})

I am still interesting to know how you achieve this. I let you close the discussion if you prefer.