portainer/app/react-tools/withI18nSuspense.tsx

22 lines
602 B
TypeScript

import { ComponentType, Suspense } from 'react';
export function withI18nSuspense<T>(
WrappedComponent: ComponentType<T>
): ComponentType<T> {
// Try to create a nice displayName for React Dev Tools.
const displayName =
WrappedComponent.displayName || WrappedComponent.name || 'Component';
function WrapperComponent(props: T & JSX.IntrinsicAttributes) {
return (
<Suspense fallback="Loading translations...">
<WrappedComponent {...props} />
</Suspense>
);
}
WrapperComponent.displayName = `withI18nSuspense(${displayName})`;
return WrapperComponent;
}