bug fix for "ResizeObserver loop completed with undelivered notificat…

…ions."

vuejs/vue-cli#7431 (comment)

course-react-ts-portfolio/jbook/src/index.tsx

@@ -1,5 +1,6 @@
 import ReactDOM from 'react-dom';
 import CodeCell from './components/code-cell';
+import './resize-observer-bug-fix';
 
 const App = () => {
   return (

course-react-ts-portfolio/jbook/src/resize-observer-bug-fix.ts

@@ -0,0 +1,24 @@
+// Taken from https://github.com/vuejs/vue-cli/issues/7431#issuecomment-1793385162
+
+// Stop error resizeObserver
+const debounce = (callback: (...args: any[]) => void, delay: number) => {
+  let tid: any;
+  return function (...args: any[]) {
+    // eslint-disable-next-line no-restricted-globals
+    const ctx = self;
+    tid && clearTimeout(tid);
+    tid = setTimeout(() => {
+      callback.apply(ctx, args);
+    }, delay);
+  };
+};
+
+const _ = (window as any).ResizeObserver;
+(window as any).ResizeObserver = class ResizeObserver extends _ {
+  constructor(callback: (...args: any[]) => void) {
+    callback = debounce(callback, 20);
+    super(callback);
+  }
+};
+
+export {};