The documentation for GetStaticProps in NextJs explains it as a function declaration. When trying to add types to it, the following code snippet results:
export async function getStaticProps(): GetStaticProps {
const db = await openDB();
const faq = await db.all('SELECT * FROM FAQ ORDER BY createDate DESC');
return {props: {faq}};
}
This approach does not work and triggers an error message from the compiler:
TS1055: Type 'GetStaticProps' is not a valid async function return type in ES5/ES3 because it does not refer to a Promise-compatible constructor value.
However, utilizing an arrow-function expression, which should be equivalent, proves successful:
export const getStaticProps: GetStaticProps = async () => {
const db = await openDB();
const faq = await db.all('SELECT * FROM FAQ ORDER BY createDate DESC');
return {props: {faq}};
}
Does this mean there's something obvious I've missed? Or am I obligated to stick with the arrow-function syntax?