From 39ade591746ef8e37d23ec325291afffc28537b3 Mon Sep 17 00:00:00 2001
From: MoeShin <hi@moeshin.com>
Date: Thu, 8 Dec 2022 10:47:42 +0800
Subject: [PATCH] fix: Virtuoso no work in legacy browsers (#318)

---
 package.json | 1 +
 src/main.tsx | 5 +++++
 yarn.lock    | 5 +++++
 3 files changed, 11 insertions(+)

diff --git a/package.json b/package.json
index 903c0f5..dd1e9ef 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@juggle/resize-observer": "^3.4.0",
     "@mui/icons-material": "^5.10.9",
     "@mui/material": "^5.10.13",
     "@mui/x-data-grid": "^5.17.11",
diff --git a/src/main.tsx b/src/main.tsx
index 08241f4..b429b76 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,11 @@
 /// <reference types="vite-plugin-svgr/client" />
 import "./assets/styles/index.scss";
 
+import { ResizeObserver } from "@juggle/resize-observer";
+if (!window.ResizeObserver) {
+  window.ResizeObserver = ResizeObserver;
+}
+
 import React from "react";
 import ReactDOM from "react-dom";
 import { RecoilRoot } from "recoil";
diff --git a/yarn.lock b/yarn.lock
index 04a24b1..dd0970c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -482,6 +482,11 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@juggle/resize-observer@^3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
+  integrity sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==
+
 "@mui/base@5.0.0-alpha.105":
   version "5.0.0-alpha.105"
   resolved "https://registry.npmmirror.com/@mui/base/-/base-5.0.0-alpha.105.tgz#ddf92c86db3355e0fe6886a818be073e2ee9a9f9"