Fix React warning on page load

[humphd]

We have a React warning that should get cleaned up:

Warning: Text content did not match. Server: "It seemed too good to be true that I could just jump in and contribute code for popular development tools or even languages. It took a while for me to realize that I was ready and capable of doing so." Client: "For example, the Login component suddenly realized that he is Special, and started a riot by not following the styling of the Header. How did I suppress the Riot? Well, I will tell you about it in my next blogpost ;)"
a
h4
Typography@webpack-internal:///./node_modules/@material-ui/core/esm/Typography/Typography.js:166:22
WithStyles@webpack-internal:///./node_modules/@material-ui/styles/esm/withStyles/withStyles.js:61:25
div
Banner@webpack-internal:///./src/components/Banner.tsx:140:28
Home@webpack-internal:///./src/pages/index.tsx:26:66
AuthProvider@webpack-internal:///./src/components/AuthProvider.tsx:45:18
ThemeProvider@webpack-internal:///./node_modules/@material-ui/styles/esm/ThemeProvider/ThemeProvider.js:42:18
X<@webpack-internal:///./node_modules/swr/dist/index.esm.js:12:4818
App@webpack-internal:///./src/pages/_app.tsx:48:19
ErrorBoundary@webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ErrorBoundary.js:26:47
ReactDevOverlay@webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js:86:20
Container@webpack-internal:///./node_modules/next/dist/client/index.js:258:20
AppContainer@webpack-internal:///./node_modules/next/dist/client/index.js:754:18
Root@webpack-internal:///./node_modules/next/dist/client/index.js:893:19

[mkim219]

This issue looks interesting for me. Can I work on this issue?

[humphd]

Go for it @mkim219