Next.js - How to Make a Route Based on a GROQ Query

export async function getStaticPaths() {
  const paths = await client.fetch(
    `*[_type == "personen"]{
    slug,
    Projecten[] -> {
    'params': {
      'projectSlug': slug.current 
      }
    }
  } `
  );

  return {
    paths,
    fallback: true,
  };
}

const projects = await client.fetch(
  `*[_type == "projecten"] { "slug": slug.current }`
);
const paths = projects.map(project => ({ params: { slug: project.slug } }))

return { paths, fallback: true }

Error: A required parameter (projectSlug) was not provided as a string in getStaticPaths for /projectDetail/[projectSlug]

  const projects = await client.fetch(
    `*[_type == "projectDetail"] { "projectSlug": slug.current }`
  );
  const paths = projects.map((project) => ({ params: { projectSlug: project.slug } }));

  return { paths, fallback: true };

export async function getStaticPaths() {
  const paths = await client.fetch(
    `*[_type == "personen" && defined(slug.current)]{
      "params": {
        "slug": slug.current
      }
    }`
  );

  return {
    paths,
    fallback: true,
  };
}
export const getStaticProps = async ({ params: { slug } }) => {
  const query = `*[_type == "personen" && slug.current == $slug][0]{
    name,
    slug,
    Projecten[] -> {
    projectNaam,
    description,
    projectImage,
    } 
  }  
  `;

  const project = await client.fetch(query, { slug });
  return {
    props: { project },
  };
};