diff --git a/examples/with-react-intl/pages/_app.tsx b/examples/with-react-intl/pages/_app.tsx
index 030db24b24c72f..d8b80a482081ca 100644
--- a/examples/with-react-intl/pages/_app.tsx
+++ b/examples/with-react-intl/pages/_app.tsx
@@ -1,12 +1,16 @@
 import type { AppProps } from 'next/app'
+import type { MessageConfig } from '../helper/loadIntlMessages'
 import { IntlProvider } from 'react-intl'
 import { useRouter } from 'next/router'
 
-export default function MyApp({ Component, pageProps }: AppProps) {
+export default function MyApp({
+  Component,
+  pageProps,
+}: AppProps<{ intlMessages: MessageConfig }>) {
   const { locale, defaultLocale } = useRouter()
   return (
     <IntlProvider
-      locale={locale}
+      locale={locale as string}
       defaultLocale={defaultLocale}
       messages={pageProps.intlMessages}
     >
diff --git a/examples/with-react-intl/tsconfig.json b/examples/with-react-intl/tsconfig.json
index 41f04d3a50960a..0edc578bc7afc7 100644
--- a/examples/with-react-intl/tsconfig.json
+++ b/examples/with-react-intl/tsconfig.json
@@ -5,7 +5,7 @@
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": false,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,