Upgrading to Capacitor 3

components/AppShell.jsx

@@ -1,4 +1,5 @@
 import { IonApp, IonRouterOutlet, IonSplitPane } from '@ionic/react';
+import { StatusBar, Style } from '@capacitor/status-bar';
 
 import { IonReactRouter } from '@ionic/react-router';
 import { Redirect, Route } from 'react-router-dom';
@@ -6,6 +7,14 @@ import Menu from './Menu';
 
 import Tabs from './pages/Tabs';
 
+window.matchMedia("(prefers-color-scheme: dark)").addListener(async (status) => {
+  try {
+    await StatusBar.setStyle({
+      style: status.matches ? Style.Dark : Style.Light,
+    });
+  } catch {}
+});
+
 const AppShell = () => {
   return (
     <IonApp>