How to get typed getStaticProps with locale value ?

[MoOx]

I am new to TypeScript and would like to know how I can get this validated by TS.

export const getStaticProps: GetStaticPaths = async ({ locale }) =>{
  return {
    props: {
      messages: {
        ...require(`locales/${locale}.json`),
      },
    },
  };
}

locale property throws an error Property 'locale' does not exist on type 'GetStaticPathsContext'.

Is there a trick to let know GetStaticPaths that there is additional values incoming ?

[amannn]

Have a look at the example that is linked to in the docs, this should help:

next-intl/packages/example/src/pages/index.tsx

Lines 17 to 23 in d5d894f

	export async function getStaticProps({locale}: GetStaticPropsContext) {
	return {
	props: {
	messages: (await import(`../../messages/${locale}.json`)).default
	}
	};
	}

[MoOx]

Some types are missing here.

[MoOx]

But a piece is good :)

[MoOx]

One mistake: getStaticProps: GetStaticPaths when it should be getStaticProps: GetStaticProps.
Then like @amannn mentioned ({locale}: GetStaticPropsContext) to define arguments type.