Add @react-aria/ssr to fix SSR warnings (#23007)

Author: mikesurowiec

package-lock.json

@@ -16,6 +16,7 @@
     "@primer/css": "^18.2.0",
     "@primer/octicons": "^16.1.1",
     "@primer/octicons-react": "^16.1.1",
+    "@react-aria/ssr": "^3.1.0",
     "accept-language-parser": "^1.5.0",
     "ajv": "^8.7.1",
     "ajv-formats": "^2.1.1",

package.json

@@ -3,6 +3,7 @@ import App from 'next/app'
 import type { AppProps, AppContext } from 'next/app'
 import Head from 'next/head'
 import { useTheme, ThemeProvider } from '@primer/components'
+import { SSRProvider } from '@react-aria/ssr'
 import { defaultComponentThemeProps, getThemeProps } from 'components/lib/getThemeProps'
 
 import '../stylesheets/index.scss'
@@ -43,12 +44,14 @@ const MyApp = ({ Component, pageProps, csrfToken, themeProps, languagesContext }
 
         <meta name="csrf-token" content={csrfToken} />
       </Head>
-      <ThemeProvider dayScheme={themeProps.dayTheme} nightScheme={themeProps.nightTheme}>
-        <LanguagesContext.Provider value={languagesContext}>
-          <SetTheme themeProps={themeProps} />
-          <Component {...pageProps} />
-        </LanguagesContext.Provider>
-      </ThemeProvider>
+      <SSRProvider>
+        <ThemeProvider dayScheme={themeProps.dayTheme} nightScheme={themeProps.nightTheme}>
+          <LanguagesContext.Provider value={languagesContext}>
+            <SetTheme themeProps={themeProps} />
+            <Component {...pageProps} />
+          </LanguagesContext.Provider>
+        </ThemeProvider>
+      </SSRProvider>
     </>
   )
 }