Issue with rendering a blockContent element nested inside an array in Gatsby

Hello, I'm trying to render a blockContent element I have inside of an array (used as an object inside a document)
But I can't figure out how to get the _raw data for the blocks properly, when a blockContent element is nested inside of an array it seems to not make it's own _raw element for Gatsby, instead it's a part of the _raw element from for the page.

Code in comments

My GraphQL query looks like this:const data = useStaticQuery(graphql`
    

{

      

sanityUserTesting {

        

userTestingIntro {

          

auditButton

          

mostSold

          

testTitle

          

testFeatures {

            

features

          

}

        

}

        

_rawUserTestingIntro

      

}

    

}

  ``)`

_rawUserTestingIntro

contains the elements I need, inside the

_rawUserTestingIntro

array there is an array called

_rawUserTestingIntro

I'm trying to loop over this while I loop over some other values from the query

My loop currently looks like this

return (

    

<>

      

        

return (

          

<>

            

<BlockContent

              _blocks_={

                
                  

index

                

]

              

}

            

/>

            

{node.auditButton}

          

</>

        

)

      

})}

    `<`/>
  )
}

If I console.log I get the following . So I've tried
as the block element source, but this gives me a 0 error. If Any ideas? 🙂

I have been struggling with this issue for so long today, but writing this questions made me solve it! I had the [index] on the wrong spot, the right way refer to the block elements was

<BlockContent

              _blocks_={

                
                  

.auditDescirption

              

}

            

/>