Move resize listener to a layout effect (#305)

* fix: replace useEffect with useLayoutEffect for React 17

`useEffect` cleanup runs since React 17 asynchronously thats why it needs to be changed
Fixes #259

* Update .changeset/clean-kiwis-boil.md

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>

Author: mxschmitt

.changeset/clean-kiwis-boil.md

@@ -0,0 +1,5 @@
+---
+'react-textarea-autosize': patch
+---
+
+Moved internal `'resize'` listener to the layout effect since React 17 calls cleanups of regular effects asynchronously. This ensures that we don't ever try to access the already unmounted ref in our listener.

src/hooks.ts

@@ -6,7 +6,7 @@ export { default as useComposedRef } from 'use-composed-ref';
 export const useWindowResizeListener = (listener: (event: UIEvent) => any) => {
   const latestListener = useLatest(listener);
 
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     const handler: typeof listener = (event) => {
       latestListener.current(event);
     };

src/index.tsx

@@ -92,8 +92,8 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
 
   if (typeof document !== 'undefined') {
     React.useLayoutEffect(resizeTextarea);
+    useWindowResizeListener(resizeTextarea);
   }
-  useWindowResizeListener(resizeTextarea);
 
   return <textarea {...props} onChange={handleChange} ref={ref} />;
 };