I am trying to create a mini-application using TypeScript in NextJS since now TypeScript is supported in Next.js out of the box. And I also want to incorporate these two newly added features:
Take i18n for example:
// next.config.js
module.exports = {
i18n: {
// These are all the locales you want to support in
// your application
// Sub-path Routing
locales: ['en', 'cn'],
// This is the default locale you want to be used when visiting
// a non-locale prefixed path e.g. `/hello`
defaultLocale: 'en',
},
}
Unfortunately, I am having a really hard time using them in my next.config.js, as for the normal application (JavaScript only), it is working as it should. But for the TypeScript version, I am getting this error:
(node:15704) UnhandledPromiseRejectionWarning: TypeError: Cannot set property '__nextLocale' of undefined
It will be really helpful if any of you can help me out OR can give an example that how to properly use next.config.js and incorporate those new features in the TypeScript NextJS application.
