build: upgrade deps

2 files changed, 10 insertions, 13 deletions

diff --git a/src/app.js b/src/app.js
index 78b75f9..f031ef7 100644
--- a/src/app.js
+++ b/src/app.js
@@ -10,9 +10,7 @@ const rootEl = document.getElementById('app');
 
 Modal.setAppElement(rootEl);
 
-// ReactDOM.render(<Root />, rootEl);
-const { createRoot } = ReactDOM;
-const root = createRoot(rootEl);
+const root = ReactDOM.unstable_createRoot(rootEl);
 root.render(<Root />);
 
 // eslint-disable-next-line no-console
diff --git a/src/components/Root.css b/src/components/Root.css
index a31b88b..fe837de 100644
--- a/src/components/Root.css
+++ b/src/components/Root.css
@@ -1,39 +1,38 @@
+/* roboto-mono-latin-400-normal*/
 @font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: local('Roboto Mono Regular '), local('Roboto Mono-Regular'),
-    url('../../node_modules/typeface-roboto-mono/files/roboto-mono-latin-400.woff2')
-      format('woff2');
+  src: url('../../node_modules/fontsource-roboto-mono/files/roboto-mono-latin-400-normal.woff2')
+    format('woff2');
 }
 
+/* cat node_modules/fontsource-open-sans/latin-400-normal.css */
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: local('Open Sans Regular '), local('Open Sans-Regular'),
-    url('../../node_modules/typeface-open-sans/files/open-sans-latin-400.woff2')
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url('../../node_modules/fontsource-open-sans/files/open-sans-latin-400-normal.woff2')
       format('woff2');
 }
 
+/* cat node_modules/fontsource-open-sans/latin-700-normal.css */
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: local('Open Sans Bold '), local('Open Sans-Bold'),
-    url('../../node_modules/typeface-open-sans/files/open-sans-latin-700.woff2')
+  src: local('Open Sans Bold'), local('OpenSans-Bold'),
+    url('../../node_modules/fontsource-open-sans/files/open-sans-latin-700-normal.woff2')
       format('woff2');
 }
 
 .relative {
   position: relative;
 }
-/* .absolute { */
-/*   position: absolute; */
-/* } */
 
 .border-left,
 .border-top,