Fix React's development StrictMode rendering

[gmunoz]

Fixes a bug in use-resize-observer that would ignore resize updates when using React 18's development StrictMode behavior. This is not typically a feature seen in prod deployments.

Removes resize-observer and will use the browser's native ResizeObserver behavior.

Fixes #146

[gmunoz]

I opt'ed for a module bump here. The only changes we need from the module should be:

  --- a/node_modules/use-resize-observer/dist/bundle.esm.js
  +++ b/node_modules/use-resize-observer/dist/bundle.esm.js
  @@
   var didUnmount = useRef(false);
   useEffect(function () {
  +  didUnmount.current = false;
     return function () {
       didUnmount.current = true;
     };
   }, []);

But, if we do need to revert it may be possible to workaround with code. However, I'd prefer to roll forward when possible. E.g.

  import { useCallback, useEffect, useRef, useState } from 'react';
  import useResizeObserverV7 from 'use-resize-observer';

  export default function useResizeObserver() {
      const mounted = useRef(false);
      const [size, setSize] = useState({ width: 1, height: 1 });

      useEffect(() => {
          mounted.current = true;
          return () => {
              mounted.current = false;
          };
      }, []);

      const onResize = useCallback((nextSize) => {
          if (mounted.current) {
              setSize(nextSize);
          }
      }, []);

      const { ref } = useResizeObserverV7({ onResize });

      return { ref, ...size };
  }