alkem-io / client-web / #9438

import React, { ComponentType } from 'react';

import { getGlobalErrorSetter } from './GlobalErrorContext';

type ImportFunc<T> = () => Promise<{ default: React.ComponentType<T> }>;

export class LazyLoadError extends Error {

  constructor(originalError: Error) {

  }

}

  importFunc: ImportFunc<T>,

  hoc?: (component: ComponentType<T>) => ComponentType<T>

      const module = await importFunc();

      return { default: hoc ? hoc(Component) : Component };

      const setError = getGlobalErrorSetter();

        error instanceof Error ? error : error?.['message'] ? new Error(error['message']) : new Error('Unknown error');

      setError(new LazyLoadError(originalError));

      // it looks like this error is already logged by the useErrorLoggerLink (network error)

      // catching it in the ErrorBoundary

      return {

        default: () => null,

      };

    }

export const lazyImportWithErrorHandler = async <T>(importFunc: () => Promise<T>): Promise<T> => {

    return await importFunc();

    const setError = getGlobalErrorSetter();

    setError(new LazyLoadError(originalError));

    throw new LazyLoadError(originalError);

  }

};