Structuring a schema to reference content within another schema's nested array in Next.js

export const residenciesPageQuery = groq`
  *[$slug in residencesData[].slug.current][0] {
    _id,
    "person": residencesData[slug.current == $slug][0] {
      _key,
      title, 
      type,
      bio,
      photoCredit,
      contributions[]->{
        "imageUrl": mainImage.asset->url,
        "lqip": mainImage.asset->metadata.lqip,
        slug,
      },
      portfolio, 
      instagram,
      "imageUrl": mainImage.asset->url,
      "lqip": mainImage.asset->metadata.lqip,
      "slug": slug.current,
    }
  }
`;

/residences/[artistName]/[texteDePresentation]

    {
      name: "associatedArtist",
      title: "Artiste en résidence associé",
      description:
        "Ceci est nécessaire pour le bouton 'retour' trouvé à la fin du texte",
      type: "array",
      of: [{ type: "reference", to: { type: " ????? " } }],
      validation: (Rule) => Rule.required(),
    },

/residences/[artistName]/[texteDePresentation]

export const residenciesPageQuery = groq`
  *[_type == "artistesEnResidence" && slug.current == $slug][0] {
    _id,
    title, 
    bio,
    texteDePresentationData[0]->{
      _id,
      title,
      author,
      body,
      "slug": slug.current,
    },
    "imageUrl": mainImage.asset->url,
    "slug": slug.current,
  }`

paths: data.map((slug) => ({ params: { slug } })),

// [artistName]

<Link
  scroll={false}
  href={`/residences/${data.slug}/${data.texteDePresentationData.slug}`}
>
  <small>Texte de présentation</small>
</Link>

residences/[artistName]/[texteDePresentation]

TypeError: Cannot read property 'slug' of null

export async function getStaticPaths() {
  const data = await client.fetch(
    groq`*[_type == "artistesEnResidence"] {
      "slug": slug.current,
      texteDePresentationData[0]->{
        "slug": slug.current,
      },
    }`
  );

  // const data = [
  //   {
  //     slug: "manuel-mathieu",
  //     texte: "le-gout-des-contradictions",
  //   },
  // ];

  return {
    paths: data.map((item) => {
      return {
        params: {
          slug: item.slug,
          texte: item.texteDePresentationData.slug,
          // slug: item.slug,
          // texte: item.texte,
        },
      };
    }),
    fallback: true,
  };
}

export async function getStaticPaths() {
  const data = await client.fetch(
    groq`*[_type == "artistesEnResidence"] {
      "slug": slug.current,
      texteDePresentationData[0]->{
        "slug": slug.current,
      },
    }`
  );  

 return {
    paths: data.map((item) => {
      return {
        params: {
          slug: item.slug,
          texte: item.texteDePresentationData?.slug
            ? item.texteDePresentationData.slug
            : "invalid-url",
        },
      };
    }),
    fallback: true,
  };
}

return {
  paths: data
    .filter(item => item.texteDePresentationData)
    .map(item => {
      return {
        params: {
          slug: item.slug,
          texte: item.texteDePresentationData.slug,
        },
      };
    }),
  fallback: true,
};