Trigger resizer when all fonts are loaded

.changeset/tricky-jokes-wave.md

@@ -0,0 +1,5 @@
+---
+'react-textarea-autosize': patch
+---
+
+Support custom fonts loading

src/hooks.ts

@@ -18,3 +18,20 @@ export const useWindowResizeListener = (listener: (event: UIEvent) => any) => {
     };
   }, []);
 };
+
+export const useFontsLoadedListener = (listener: () => any) => {
+  const latestListener = useLatest(listener);
+
+  React.useLayoutEffect(() => {
+    const handler: typeof listener = () => {
+      console.log('loaded!');
+      latestListener.current();
+    };
+
+    document.fonts.addEventListener('loadingdone', handler);
+
+    return () => {
+      document.fonts.removeEventListener('loadingdone', handler);
+    };
+  }, []);
+};

src/index.tsx

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import calculateNodeHeight from './calculateNodeHeight';
 import getSizingData, { SizingData } from './getSizingData';
-import { useComposedRef, useWindowResizeListener } from './hooks';
+import {
+  useComposedRef,
+  useWindowResizeListener,
+  useFontsLoadedListener,
+} from './hooks';
 import { noop } from './utils';
 
 type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
@@ -93,6 +97,7 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
   if (typeof document !== 'undefined') {
     React.useLayoutEffect(resizeTextarea);
     useWindowResizeListener(resizeTextarea);
+    useFontsLoadedListener(resizeTextarea);
   }
 
   return <textarea {...props} onChange={handleChange} ref={ref} />;