4eb3b61c7a
* fix: Lazily polyfill ResizeObserver for old iOS * fix: Prevent child rendering until polyfills are loaded * tsc
24 lines
481 B
TypeScript
24 lines
481 B
TypeScript
import * as React from "react";
|
|
import { loadPolyfills } from "~/utils/polyfills";
|
|
|
|
/**
|
|
* Asyncronously load required polyfills. Should wrap the React tree.
|
|
*/
|
|
export const LazyPolyfill: React.FC = ({ children }) => {
|
|
const [isLoaded, setIsLoaded] = React.useState(false);
|
|
|
|
React.useEffect(() => {
|
|
loadPolyfills().then(() => {
|
|
setIsLoaded(true);
|
|
});
|
|
}, []);
|
|
|
|
if (!isLoaded) {
|
|
return null;
|
|
}
|
|
|
|
return <>{children}</>;
|
|
};
|
|
|
|
export default LazyPolyfill;
|