WiP: Add MutationObserver to <finder-file-select>

Author: jrief

client/browser/FinderFileSelect.tsx

@@ -1,5 +1,6 @@
 import React, {useEffect, useRef, useState} from 'react';
 import FileSelectDialog from './FileSelectDialog';
+import {useMutationObserver} from '../common/MutationObserver';
 
 
 export default function FinderFileSelect(props) {

client/common/MutationObserver.ts

@@ -0,0 +1,12 @@
+import {useEffect, RefObject} from 'react';
+
+
+export function useMutationObserver(ref: RefObject<Element>, callback: MutationCallback, options: MutationObserverInit) {
+	useEffect(() => {
+		if (ref.current) {
+			const observer = new MutationObserver(callback);
+			observer.observe(ref.current, options);
+			return () => observer.disconnect();
+		}
+	}, [ref]);
+}