MUI createTheme fonts

Question

Just as the title says. Not sure what's wrong exactly, and would love to learn what I'm doing that's making this not work. I tested the import to see if it works through the web console, and it does, so I'm doing something wrong with createTheme. Here's my code:

import React from 'react';
import AppBar from '../components/appbar';
import { Typography } from '@mui/material'
import Footer from '../components/footer';
import { ThemeProvider, createTheme } from "@mui/material/styles";

const theme = createTheme({
  typography: {
    fontFamily: [
      'Press Start 2P',
      'cursive',
    ].join(','),
  },});

const Home = props => {
  return (
    <div>
      <AppBar title="Home" />
      <ThemeProvider theme={theme}>
        <Typography variant="h2"> 
            Hello World!
        </Typography>
      </ThemeProvider>
      <Footer />
    </div>
  );
}

export default Home;

Any help is thoroughly appreciated. Thank you very much for your time.