⬆️ Bump docusaurus to v3 (#839)

## Description <!-- Mandatory -->

Bump Docuraurus to v3.
Followed migration guide: https://docusaurus.io/docs/migration/v3

## Issues

<!-- Add related issues here. Use closes/fixes prefixes to auto close
issues. -->

## Checklist

- [x] I've labeled the PR appropriately.
- [x] I've have built the website and verified that my changes work.
- [x] I've linked the appropriate issues and related PRs.

.eslintrc.js

@@ -32,6 +32,9 @@ const config = {
     {
       files: ["*.mdx", "*.md"],
       extends: ["plugin:mdx/recommended"],
+      rules: {
+        "react/self-closing-comp": OFF,
+      },
     },
   ],
   settings: {

CODE_OF_CONDUCT.md

@@ -116,13 +116,13 @@ the community.
 
 This Code of Conduct is adapted from the [Contributor Covenant][homepage],
 version 2.0, available at
-<https://www.contributor-covenant.org/version/2/0/code_of_conduct.html>.
+[https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html).
 
 Community Impact Guidelines were inspired by [Mozilla's code of conduct
 enforcement ladder](https://github.com/mozilla/diversity).
 
 [homepage]: https://www.contributor-covenant.org
 
 For answers to common questions about this code of conduct, see the FAQ at
-<https://www.contributor-covenant.org/faq>. Translations are available at
-<https://www.contributor-covenant.org/translations>.
+[https://www.contributor-covenant.org/faq](https://www.contributor-covenant.org/faq). Translations are available at
+[https://www.contributor-covenant.org/translations](https://www.contributor-covenant.org/translations).

SIGs/Active/siggame.mdx

@@ -7,7 +7,7 @@ import YouTubeLink from "../../src/components/YouTubeLink";
 
 # SIG Game
 
-| <!-- -->     | <!-- -->                                                      |
+|              |                                                               |
 | ------------ | ------------------------------------------------------------- |
 | **Weekday**  | Wednesdays                                                    |
 | **Time**     | 5:30 PM-6:30 PM CST                                           |

SIGs/Active/sigsysadmin.mdx

@@ -7,7 +7,7 @@ import DiscordLink from "../../src/components/DiscordLink";
 
 # SIG SysAdmin
 
-| <!-- -->     | <!-- -->                                                                       |
+|              |                                                                                |
 | ------------ | ------------------------------------------------------------------------------ |
 | **Weekday**  | Mondays                                                                        |
 | **Time**     | 5:30 PM                                                                        |
@@ -34,7 +34,7 @@ Want to be a SysAdmin? Let your interest be known by contacting an ACM Officer!
 
 ## Contact
 
-| <!-- -->                  | <!-- -->                                                        |
+|                           |                                                                 |
 | ------------------------- | --------------------------------------------------------------- |
 | **Email us**              | sigsysadmin AT acm.cs.uic.edu                                   |
 | **Join our mailing list** | Send an blank email to: sigsysadmin-subscribe AT acm.cs.uic.edu |
@@ -175,9 +175,9 @@ Due to the COVID-19 pandemic, all meeting have been cancelled.
 
 11/20/2017 - Cancelled due to Power Outage (Happy Thanksgiving Holiday)
 
-[11/27/2017 - {network, internet} foundations (Part 1)](https://docs.google.com/presentation/d/19vDi5DYfVhNveOgRK-OlaOoIDADLt43FRFtntqehgnk/edit?usp=sharing)
+[11/27/2017 - \{network, internet\} foundations (Part 1)](https://docs.google.com/presentation/d/19vDi5DYfVhNveOgRK-OlaOoIDADLt43FRFtntqehgnk/edit?usp=sharing)
 
-[12/4/2017 - {network, internet} foundations (Continued)](https://docs.google.com/presentation/d/19vDi5DYfVhNveOgRK-OlaOoIDADLt43FRFtntqehgnk/edit?usp=sharing)
+[12/4/2017 - \{network, internet\} foundations (Continued)](https://docs.google.com/presentation/d/19vDi5DYfVhNveOgRK-OlaOoIDADLt43FRFtntqehgnk/edit?usp=sharing)
 
 ### Spring 2017
 

SIGs/Active/sigwebdev.mdx

@@ -12,7 +12,7 @@ This SIG page is currently under construction! Check back later for more informa
 
 :::
 
-| <!-- -->     | <!-- -->                                                                       |
+|              |                                                                                |
 | ------------ | ------------------------------------------------------------------------------ |
 | **Weekday**  | TBA, attend the ACM GBM to find out!                                           |
 | **Time**     | TBA, attend the ACM GBM to find out!                                           |

SIGs/Inactive/sigapp.md

@@ -43,13 +43,13 @@ March
 April
 4/13: (TBD) Angular 2.0 + digest cycle
 
-Questions? Email Jeff at <[email protected]> for more information!
+Questions? Email Jeff at [[email protected]](mailto:[email protected]) for more information!
 
 ---
 
-Previous Semester Github Link (w/ Tutorials): <https://github.com/jgensler8/SIG-App>
+Previous Semester Github Link (w/ Tutorials): [https://github.com/jgensler8/SIG-App](https://github.com/jgensler8/SIG-App)
 
 Links:
 
-- Solr vs ElasticSearch (<http://solr-vs-elasticsearch.com/>)
-- Solr Dynamic Fields (<http://www.tnrglobal.com/blog/2010/07/dynamic-fields-in-apache-solr/>)
+- Solr vs ElasticSearch ([http://solr-vs-elasticsearch.com/](http://solr-vs-elasticsearch.com/))
+- Solr Dynamic Fields ([http://www.tnrglobal.com/blog/2010/07/dynamic-fields-in-apache-solr/](http://www.tnrglobal.com/blog/2010/07/dynamic-fields-in-apache-solr/))

SIGs/Inactive/sigblockchain.md

@@ -27,4 +27,4 @@ SIG Blockchain started in Fall 2017 with the intent to explore distributed ledge
 
 Members can expect to learn about blockchain on a technical and philosophical level. SIG Blockchain has its own cryptocurrency project called Allium that members can contribute to. There are usually opportunities to go to local events within the blockchain space throughout the semester as well.
 
-Check out our Github! <https://github.com/SIGBlockchain>
+Check out our Github! [https://github.com/SIGBlockchain](https://github.com/SIGBlockchain)

SIGs/Inactive/sigbuild.md

@@ -17,7 +17,7 @@ This SIG is inactive.
 | Location | ACM Office, SELE 2264 |
 | Leader   | Tim Palermo           |
 
-**Contact:** <[email protected]> or join the ACM mailing list to get upcoming announcements and details. <https://acm.cs.uic.edu/mailsignup>.
+**Contact:** [[email protected]](mailto:[email protected]) or join the ACM mailing list to get upcoming announcements and details. [https://acm.cs.uic.edu/mailsignup](https://acm.cs.uic.edu/mailsignup).
 
 ## About
 

SIGs/Inactive/sigcompete.mdx

@@ -47,7 +47,7 @@ Initial Info sent as email to ACM ListServ on Sept 13:
 >
 > \*\*\* For anyone who is interested, we will be going through <u>Cracking the Coding Interview</u>, by Gayle Laakmann McDowell, as it has a lot of great material for questions that would appear in competitions.
 >
-> For those who are interested in ICPC, <https://tim690.typeform.com/to/gnbi2n>
+> For those who are interested in ICPC, [https://tim690.typeform.com/to/gnbi2n](https://tim690.typeform.com/to/gnbi2n)
 >
 > \*\*\* READ INSTRUCTIONS CAREFULLY
 >

SIGs/Inactive/sighcl.md

@@ -71,13 +71,13 @@ resources that it might be useful if people start looking at
 
 for "dance mat" project
 
-<http://www.stepmania.com/>
+[http://www.stepmania.com/](http://www.stepmania.com/)
 
 also consider attending SIG sysadmin so that maybe you can help to get the monitor wall up and running!
 
 for color schemes (including a means to start investigating how to accommodate colorblind users)
 
-<http://www.paletton.com>
+[http://www.paletton.com](http://www.paletton.com)
 
 ## Attachments
 

SIGs/Inactive/sigmedtech.md

@@ -45,4 +45,4 @@ Email the Leader: Ben Maciorowski (bmacio2 [at] uic [dot] edu)
 
 ## Additional Resources
 
-<https://github.com/Benbigmac/Artificial-Pancreas-System>
+[https://github.com/Benbigmac/Artificial-Pancreas-System](https://github.com/Benbigmac/Artificial-Pancreas-System)

SIGs/Inactive/sigopen.md

@@ -19,16 +19,16 @@ This SIG is inactive.
 
 **What is it? SIG Open** is a SIG that is focused on Open Source programming.
 
-**Contact**: \[<[email protected]> with subject title of SIG Open\] or join the ACM mailing list to get upcoming announcements and details. <https://acm.cs.uic.edu/mailsignup>
+**Contact**: \[[[email protected]](mailto:[email protected]) with subject title of SIG Open\] or join the ACM mailing list to get upcoming announcements and details. [https://acm.cs.uic.edu/mailsignup](https://acm.cs.uic.edu/mailsignup)
 
 **Engr 100**: If you plan to come for the engr 100 form, please come before half way through the meeting or I'm not going to sign it.
 
 If you cannot make it, I will put up the slides or notes for that day on a GitHub Repo for this group.ew
 
 Get Involved:
 
-- join our slack team at <https://sigopen.slack.com>
-- check out the org's repo: <https://github.com/SIG-Open>
+- join our slack team at [https://sigopen.slack.com](https://sigopen.slack.com)
+- check out the org's repo: [https://github.com/SIG-Open](https://github.com/SIG-Open)
 
   _send an email to [email protected] with your github account so I can add you as a contributor_
 
@@ -48,7 +48,7 @@ We went over some basic about Open Source. Searched through GitHub to find some
 
 ### 1/28
 
-Went through an intermediate-level overview of GitHub and common commands that should be known and used. Also talked about joining the <https://sigopen.slack.com> for any communications that will be needed for help or just general communication.
+Went through an intermediate-level overview of GitHub and common commands that should be known and used. Also talked about joining the [https://sigopen.slack.com](https://sigopen.slack.com) for any communications that will be needed for help or just general communication.
 
 ### 2/2
 

SIGs/Inactive/sigsecurity.md

@@ -37,8 +37,8 @@ Email Us: [email protected]
 
 Send an email to: sigsec-subscribe AT acm.cs.uic.edu
 
-<https://acm.cs.uic.edu/mailman/listinfo/sigsec>
+[https://acm.cs.uic.edu/mailman/listinfo/sigsec](https://acm.cs.uic.edu/mailman/listinfo/sigsec)
 
 ## Additional Resources
 
-<https://github.com/mbaccia514/SIG-Security>
+[https://github.com/mbaccia514/SIG-Security](https://github.com/mbaccia514/SIG-Security)

SIGs/Inactive/sigsudo.md

@@ -19,7 +19,7 @@ This SIG is inactive.
 
 ## Contact
 
-Join our Piazza: <https://piazza.com/class/iskimcla9f1p7>
+Join our Piazza: [https://piazza.com/class/iskimcla9f1p7](https://piazza.com/class/iskimcla9f1p7)
 
 ## Additional Resources
 

SIGs/Inactive/sigux.md

@@ -17,7 +17,7 @@ This SIG is inactive.
 | Location | ACM Main Office (SEL 2262) |
 | Leader   | Michael Berg               |
 
-Contact Email: <[email protected]>
+Contact Email: [[email protected]](mailto:[email protected])
 
 Google Drive: [Here](https://drive.google.com/folderview?id=0B9cbMzre6ZSZbVVzaUlBLWNhX2c&usp=sharing)
 

SIGs/Inactive/sigwindows.md

@@ -21,7 +21,7 @@ This SIG is inactive.
 
 Email the leader: Divay Pandey (dpande6 [at] uic [dot] edu)
 
-Slack: <https://sigwindows.slack.com>
+Slack: [https://sigwindows.slack.com](https://sigwindows.slack.com)
 
 ## Additional Resources
 

package.json

@@ -23,46 +23,46 @@
     "lint:style": "stylelint \"**/*.css\""
   },
   "dependencies": {
-    "@docusaurus/core": "2.4.3",
-    "@docusaurus/preset-classic": "2.4.3",
-    "@mdx-js/react": "~3.0.0",
-    "@svgr/webpack": "~8.1.0",
-    "clsx": "~2.0.0",
-    "docusaurus-theme-search-typesense": "~0.13.1",
-    "dotenv": "~16.3.1",
-    "file-loader": "~6.2.0",
-    "react": "~17.0.2",
-    "react-dom": "~17.0.2",
-    "react-linkify": "~1.0.0-alpha",
-    "swr": "~2.2.4",
-    "url-loader": "~4.1.1"
+    "@docusaurus/core": "3.0.0",
+    "@docusaurus/preset-classic": "3.0.0",
+    "@mdx-js/react": "3.0.0",
+    "@svgr/webpack": "8.1.0",
+    "clsx": "2.0.0",
+    "docusaurus-theme-search-typesense": "0.13.1",
+    "dotenv": "16.3.1",
+    "file-loader": "6.2.0",
+    "linkify-react": "^4.1.1",
+    "linkifyjs": "^4.1.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "swr": "2.2.4",
+    "url-loader": "4.1.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.3",
-    "@tsconfig/docusaurus": "~2.0.2",
-    "@types/dotenv": "~8.2.0",
-    "@types/eslint": "~8.44.6",
-    "@types/gapi": "~0.0.46",
-    "@types/gapi.client.calendar": "~3.0.12",
-    "@types/node": "~20.8.10",
-    "@types/react": "~17.0.45",
-    "@types/react-helmet": "~6.1.8",
-    "@types/react-linkify": "~1.0.3",
-    "@types/react-router-dom": "~5.3.3",
-    "@typescript-eslint/eslint-plugin": "~6.9.1",
-    "@typescript-eslint/parser": "~6.9.1",
-    "eslint": "~8.53.0",
-    "eslint-config-airbnb": "~19.0.4",
-    "eslint-config-prettier": "~9.0.0",
-    "eslint-plugin-import": "~2.29.0",
-    "eslint-plugin-jsx-a11y": "~6.8.0",
-    "eslint-plugin-mdx": "~1.17.1",
-    "eslint-plugin-react": "~7.33.2",
-    "eslint-plugin-react-hooks": "~4.6.0",
-    "prettier": "~3.0.3",
-    "stylelint": "~15.11.0",
-    "stylelint-config-recommended": "~13.0.0",
-    "typescript": "~5.2.2"
+    "@docusaurus/module-type-aliases": "3.0.0",
+    "@docusaurus/tsconfig": "3.0.0",
+    "@types/dotenv": "8.2.0",
+    "@types/eslint": "8.44.7",
+    "@types/gapi": "0.0.47",
+    "@types/gapi.client.calendar": "3.0.12",
+    "@types/node": "20.8.10",
+    "@types/react": "18.2.36",
+    "@types/react-helmet": "6.1.8",
+    "@types/react-router-dom": "5.3.3",
+    "@typescript-eslint/eslint-plugin": "6.10.0",
+    "@typescript-eslint/parser": "6.10.0",
+    "eslint": "8.53.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-prettier": "9.0.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-mdx": "2.2.0",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "prettier": "3.0.3",
+    "stylelint": "15.11.0",
+    "stylelint-config-recommended": "13.0.0",
+    "typescript": "5.2.2"
   },
   "browserslist": {
     "production": [
@@ -75,5 +75,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "engines": {
+    "node": ">=18.0"
   }
 }

src/components/DiscordLink/DiscordLink.tsx

@@ -6,7 +6,7 @@ export type DiscordLinkProps = {
   showLink?: boolean;
 };
 
-export const DiscordLink: React.FC<DiscordLinkProps> = ({ showLink, children }) => (
+export const DiscordLink = ({ showLink, children }: React.PropsWithChildren<DiscordLinkProps>) => (
   <Link to={config.discordServerInviteLink}>
     <span>{showLink ? config.discordServerInviteLink : children}</span>
   </Link>

src/components/EventsAgenda/EventsAgenda.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Link from "@docusaurus/Link";
 import useSWRImmutable from "swr/immutable";
-import Linkify from "react-linkify";
+import Linkify from "linkify-react";
 import clsx from "clsx";
 import styles from "./EventsAgenda.module.css";
 import { getEvents, CalendarEventDateTime, CalendarEvent } from "../../util/getEvents";
@@ -19,6 +19,10 @@ export type EventsAgendaProps = {
   count: number;
 };
 
+const LinkifyWithOpts = ({ children }) => (
+  <Linkify options={{ target: "_blank", rel: "noopener noreferer" }}>{children}</Linkify>
+);
+
 const timePeriodFormatter = (start: CalendarEventDateTime, end: CalendarEventDateTime): string => {
   const datesAreOnSameDay = (first: Date, second: Date): boolean =>
     first.getFullYear() === second.getFullYear() &&
@@ -70,7 +74,7 @@ const locationFormatter = (discordData: DiscordWidgetApiResponse, location: stri
     }
   }
 
-  return <Linkify>📍 {location}</Linkify>;
+  return <LinkifyWithOpts>📍 {location}</LinkifyWithOpts>;
 };
 
 interface EventsAgendaItemProps {
@@ -88,7 +92,11 @@ const EventsAgendaItem: React.FC<EventsAgendaItemProps> = ({ event, discordData
         <div>⌚ {timePeriodFormatter(event.start, event.end)}</div>
         {event.location && (
           <div>
-            {!discordData ? <Linkify>📍 {event.location}</Linkify> : locationFormatter(discordData, event.location)}
+            {!discordData ? (
+              <LinkifyWithOpts>📍 {event.location}</LinkifyWithOpts>
+            ) : (
+              locationFormatter(discordData, event.location)
+            )}
           </div>
         )}
       </div>

src/components/SlackSignUpLink/SlackSignUpLink.tsx

@@ -6,7 +6,7 @@ export type SlackSignUpLinkProps = {
   showLink?: boolean;
 };
 
-export const SlackSignUpLink: React.FC<SlackSignUpLinkProps> = ({ showLink, children }) => (
+export const SlackSignUpLink = ({ showLink, children }: React.PropsWithChildren<SlackSignUpLinkProps>) => (
   <Link to={config.slackWorkspaceSignUpLink}>
     <span>{showLink ? config.slackWorkspaceSignUpLink : children}</span>
   </Link>

src/components/YouTubeLink/YouTubeLink.tsx

@@ -6,7 +6,7 @@ export type YouTubeLinkProps = {
   showLink?: boolean;
 };
 
-export const YouTubeLink: React.FC<YouTubeLinkProps> = ({ showLink, children }) => (
+export const YouTubeLink = ({ showLink, children }: React.PropsWithChildren<YouTubeLinkProps>) => (
   <Link to={config.youTubeChannelLink}>
     <div>{showLink ? config.youTubeChannelLink : children}</div>
   </Link>

src/pages/contact.mdx

@@ -20,7 +20,7 @@ Chicago, IL 60607-7053, USA
 
 ## Officers Email Address
 
-<mailto:[email protected]>
+[[email protected]](mailto:[email protected])
 
 ## Communication Channels
 

src/pages/flourish-committee.md

@@ -19,6 +19,6 @@ We are currently looking for committee members to bring ideas, speakers, sponsor
 If any of this sounds interesting, please come to our next Flourish! 2019 planning meeting during Linux Users Group meetings in **SELE 2264(950 S. Halsted Street)**. Please reference the [ACM calendar](/calendar) to see when the next meeting is.
 
 Contact
-Please direct any questions, comments, and/or concerns to at <[email protected]>.
+Please direct any questions, comments, and/or concerns to at [[email protected]](mailto:[email protected]).
 
-You may also take a look at the Flourish! conference website for more information: <https://flourishconf.com>
+You may also take a look at the Flourish! conference website for more information: [https://flourishconf.com](https://flourishconf.com)

tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "extends": "@docusaurus/tsconfig",
   "include": ["src/"],
   "compilerOptions": {
     "allowJs": true,