Fix withReactIntl ts errors

packages/extension-chakra-storefront/src/components/with-react-intl/with-react-intl.tsx

@@ -10,13 +10,20 @@ import {IntlProvider} from 'react-intl'
 import {useQuery} from '@tanstack/react-query'
 import {useLocation} from 'react-router-dom'
 
+import type {ApplicationExtensionConfig} from '@salesforce/pwa-kit-extension-sdk/types'
+
 // Local Imports
 import {getTargetLocale, fetchTranslations} from '../../utils/locale'
 import {isServer} from '../../utils/utils'
 import logger from '../../utils/logger-instance'
 import useMultiSite from '../../hooks/use-multi-site'
 import {useExtensionConfig} from '../../hooks'
 
+// Define a type for the ApplicationExtensionConfig including defaultAppLocale
+interface ExtendedApplicationExtensionConfig extends ApplicationExtensionConfig {
+    defaultAppLocale: string
+}
+
 // Define a type for the HOC props
 type WithReactIntlProps = React.ComponentPropsWithoutRef<any>
 
@@ -25,7 +32,7 @@ const withReactIntl = <P extends object>(WrappedComponent: React.ComponentType<P
     const WithReactIntl: React.FC<P> = (props: WithReactIntlProps) => {
         const {site, locale} = useMultiSite()
         const location = useLocation()
-        const config = useExtensionConfig()
+        const config = useExtensionConfig() as ExtendedApplicationExtensionConfig
         const targetLocale = getTargetLocale({
             getUserPreferredLocales: () => {
                 // CONFIG: This function should return an array of preferred locales. They can be