Graduation page returns a blank page and an error on click

On Mozilla Firefox 119.0.1, when clicking the graduation page's button from the home page, the app returns a blank page for the user and a large error trace to the console log:

Worker Registered graduationpage:71:31
Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools react-dom.development.js:29840
hello 
Array(15) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]
App.js:47
hello 
Array(15) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]
App.js:47
Uncaught Error: Objects are not valid as a React child (found: object with keys {code, link}). If you meant to render a collection of children, use an array instead.
    React 13
    workLoop scheduler.development.js:266
    flushWork scheduler.development.js:239
    performWorkUntilDeadline scheduler.development.js:533
    js scheduler.development.js:571
    js scheduler.development.js:633
    factory react refresh:6
    Webpack 32
react-dom.development.js:14887
hello 
Array(15) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]
App.js:47
hello 
Array(15) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]
App.js:47
Uncaught Error: Objects are not valid as a React child (found: object with keys {code, link}). If you meant to render a collection of children, use an array instead.
    React 14
    workLoop scheduler.development.js:266
    flushWork scheduler.development.js:239
    performWorkUntilDeadline scheduler.development.js:533
    js scheduler.development.js:571
    js scheduler.development.js:633
    factory react refresh:6
    Webpack 32
react-dom.development.js:14887
The above error occurred in the <a> component:

a
h2
./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js/withEmotionCache/<@http://localhost:3000/static/js/bundle.js:48092:66
./node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js/Heading<@http://localhost:3000/static/js/bundle.js:23674:81
div
./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js/withEmotionCache/<@http://localhost:3000/static/js/bundle.js:48092:66
GraduationPage@http://localhost:3000/static/js/bundle.js:13849:73
Outlet@http://localhost:3000/static/js/bundle.js:128408:20
Header@http://localhost:3000/static/js/bundle.js:6500:81
Routes@http://localhost:3000/static/js/bundle.js:128502:7
App@http://localhost:3000/static/js/bundle.js:83:51
EnvironmentProvider@http://localhost:3000/static/js/bundle.js:30571:18
ColorModeProvider@http://localhost:3000/static/js/bundle.js:18689:15
ThemeProvider@http://localhost:3000/static/js/bundle.js:48132:64
ThemeProvider@http://localhost:3000/static/js/bundle.js:36109:21
ChakraProvider@http://localhost:3000/static/js/bundle.js:29862:18
ChakraProvider@http://localhost:3000/static/js/bundle.js:31283:18
DepartmentProvider@http://localhost:3000/static/js/bundle.js:11227:7
Router@http://localhost:3000/static/js/bundle.js:128439:7
BrowserRouter@http://localhost:3000/static/js/bundle.js:127245:7

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries. react-dom.development.js:18687
Uncaught Error: Objects are not valid as a React child (found: object with keys {code, link}). If you meant to render a collection of children, use an array instead.
    React 11
    workLoop scheduler.development.js:266
    flushWork scheduler.development.js:239
    performWorkUntilDeadline scheduler.development.js:533
    js scheduler.development.js:571
    js scheduler.development.js:633
    factory react refresh:6
    Webpack 32
react-dom.development.js:14887