Is there a way to return a React Component from runtime's errorLoadRemote hook?

[ryok90]

I want to return a default component whenever a remote fails to load through this runtime error hook.
I was wondering if there was a way to make this possible through the tools I already have like React and MUI.

[ScriptedAlchemy]

Yes, you should be able to do that. I would use react lazy so you do not introduce eager dependencies.

    async errorLoadRemote({ id, error, from, origin }) {
      console.error(id, 'offline');
     const Header =  (await import('myLibrary/myComponent/header')).default

      const pg = header

      let mod;
      if (from === 'build') {
        mod = () => ({
          __esModule: true,
          default: pg,
        });
      } else {
        mod = {
          default: pg,
        };
      }

      return mod;
    },

[ryok90]

Amazing! Thank you!