Nextjs dynamic routes with next-i18next build error

Solution 1:

I think that the problem might be that you are not returning the expected paths model in getStaticPaths function.

Minimal example of this page:

import { GetStaticPaths, GetStaticProps } from 'next';
import { useRouter } from 'next/router';

const CompanyCreatePage = () => {
    const router = useRouter();
    const { id } = router.query;

    return (
        <div>
            <h1>Company Create Page Content for id: {id}</h1>
        </div>
    );
};

export const getStaticPaths: GetStaticPaths = async () => {
    // Get all possible 'id' values via API, file, etc.
    const ids = ['1', '2', '3', '4', '5']; // Example
    const paths = ids.map(id => ({
        params: { id },
    }));
    return { paths, fallback: false };
};

export const getStaticProps: GetStaticProps = async context => {
    return { props: {} };
};

export default CompanyCreatePage;

Then, navigating to the page /users/edit/3/ returns the following content

Take into account that the fallback param in getStaticPaths changes the behavior of getStaticProps function. For reference, see the documentation