Discussion on targeting data in a query and accessing file URLs in Sanity.io

*[ _type == "product" && title == "cobber-cb003s" ]

"documentURL": file.asset->url

"files": document[].asset->url

export default {
    name: "product",
    title: "Product",
    type: "document",
  ["update", "create", "publish","delete"],
  
    fields: [
      {
        title: "Title",
        description:
          "This title will appear in the title unit at the top of the page",
        name: "title",
        type: "string",
      },
      {
        title: 'Text', 
        name: 'text',
        type: 'array', 
        of: [{type: 'block'}]
      },
      {
        title: 'Model3D URL',
        name: 'imageUrl',
        type: 'url'
      },
      {
        title: 'Document',
        name: 'document',
        type: 'array',
        of: [
          {
            type: "reference",
            to: [{type: "media"}]
          }
        ]
      },
    ],
  };

export default {
    name: "media",
    title: "Media",
    type: "document",
  
   ["update", "create", "publish", "delete"],
  
    fields: [
        {
            title: "Name",
            description:
              "Name your file",
            type: "string",
            name: "name",
          },
        {
            title: 'Media file',
            description: "Place media files here",
            name: 'mediafile',
            type: 'file',
            fields: [
              {
                name: 'description',
                type: 'string',
                title: 'Description'
              }
            ]
          },
    ],
  };

"files": document[].mediafile.asset->url

"files": document[]->mediafile.asset->url

"files":     // Declare a property that will hold our data
  document[] // The `document` property is an array, hence the brackets (kinda like a loop)
  ->         // It’s an array of references, so we need to follow them
  mediafile  // Then we want the content of the `mediafile` property of each media
  .asset     // Which is a `file` type, so it has an `asset` property
  ->         // Which needs to be resolved as usual
  url        // And finally we can get the url

href={`${sanitydata.document}?dl=`}

[
  "https://…",
  "https://…",
  "https://…",
  "https://…",
  "https://…"
]

href={`${sanitydata[0].files.document}?dl=`}

href={`${sanitydata[0].files}?dl=`}

sanitydata.files[0]

TypeError: Cannot read properties of undefined (reading '0')

href={`${sanitydata[0].files[0]}?dl=`}

*[_type == "product" && title == "cobber-cb003s"][0]{

<Product/>