Is there anything to do with synchronization when it comes to getStaticPaths and getStaticProps?

[vitthalzephyr]

Hi,
I have a few articles which I am trying to pull and display using ISR feature. However I am getting a build error potentially due to synchronization issues.
Here is my getStaticPaths:

`export async function getStaticPaths() {
    const categories = await reportMasterModel.getAllCategories(); //return distinct category list

    const paths = categories.map((data) => ({
        params: { category: encodeURI(`${data.category}`), reportType: `${data.reportType}` },
    }));
    return { paths, fallback: true }
}`

I am using mongoose to connect to database and get a list of all categories under which some articles exist. Now here is my getStaticProps:

`export async function getStaticProps(context) {
    let articles = await reportMasterModel.getArticleDataByCategory(context.params.category); //return article list for given Catg
    if(!articles) return {notFound: true, };

    return {props: {articles: articles, reportType: context.params.reportType, category: context.params.category}, revalidate: 3600};
}`

Then while render, I am going through each article and displaying it's contents as :

                    {articles.map((post, i) => {
                        return (<> info about the articles</>);})}

Here build fails with error: TypeError: Cannot read property 'map' of undefined

I went through my database to check if at all there is any category for which articles aren't there (undefined), but I couldn't find any such issue. So it seems this is more of synchronization issue. Also the code works fine in dev run with the same database.

A quick fix is to say articles && articles.map....., but I am not convinced on the same. Is there something I am doing wrong with getStaticPaths or getStaticProps?