fix(deps): update react-switch to v5 (#34)

* fix(deps): update react-switch to v5

* refactor(dark-mode-toggle): add `aria-checked` to switch component

This is purely to satisfy aXe and Lighthouse. For more information, see:

markusenglund/react-switch#34 (comment)

cypress/e2e/settings-page.spec.ts

@@ -15,15 +15,6 @@ function fillOutSettings(): Cypress.Chainable {
 describe('Settings Page', () => {
   beforeEach(() => {
     cy.visit('/settings').injectAxe();
-    cy.configureAxe({
-      rules: [
-        {
-          // https://github.com/markusenglund/react-switch/issues/34
-          id: 'aria-required-attr',
-          enabled: false,
-        },
-      ],
-    });
     // wait for the content to ensure the app has been rendered
     cy.get('html[lang="en"]');
   });

package.json

@@ -59,7 +59,7 @@
     "react-dom": "16.8.6",
     "react-helmet": "6.0.0-beta",
     "react-icons": "3.6.0",
-    "react-switch": "4.1.0",
+    "react-switch": "5.0.0",
     "react-typography": "0.16.19",
     "typography": "0.16.19",
     "typography-theme-moraga": "0.16.19",

src/pages/settings.tsx

@@ -105,6 +105,7 @@ const SettingsPage: React.FunctionComponent<
             <SettingLabel htmlFor="dark-mode">Dark mode:</SettingLabel>
             <Switch
               id="dark-mode"
+              aria-checked={darkMode.value}
               checked={darkMode.value}
               onChange={darkMode.toggle}
               onColor={palette.primary}

yarn.lock

@@ -11784,10 +11784,10 @@ react-side-effect@^1.1.0:
     exenv "^1.2.1"
     shallowequal "^1.0.1"
 
-react-switch@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/react-switch/-/react-switch-4.1.0.tgz#93379df044c9febe86d0b1485cb14b2a364562b6"
-  integrity sha512-mINolJx85ZojtsKdH+DE+p9i073a1mQscEADF6y/FLBshSmyciZffBWP0xu8jWyqRIg7tWykFLJt+2xlMya7sw==
+react-switch@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/react-switch/-/react-switch-5.0.0.tgz#ecbb666f8789cb8138b3ba1160bc3745390ab502"
+  integrity sha512-+zxY9xj9dMc8Y4gv/kkqQrirfEiIQ+SlQfJDW1Wi81L3xoh1fcbBYyJyh0TnhM/U/b6HxuBmkmU4Ooxgtuoavw==
   dependencies:
     prop-types "^15.6.2"