PortableText components prop about react-portabletext

[hdoro]

Thank you for reporting with so much context, @Christian-Garrison!

I tried reproducing your issue in this CodeSandbox, but it's rendering properly. I used the block content value and components object you provided, what else may I be missing?

Could you remix the example I shared and try to reproduce the problem, please? Thanks in advance 😀

[Christian-Garrison]

@hdoro This fixed the issue, looks like markDefs was only available via _rawBlockContent 👍🏼

query {
  sanitySiteSettings {
    _rawBlockContent
  }
}

[Christian-Garrison]

@hdoro Thanks for addressing the issue, I've remixed the CodeSandbox here with my use case. Seems to work properly as well.

I just attempted placing my data into a json file like I have in the CodeSandbox and it worked properly, however when sourcing the data (Sanity to Gatsby GraphQL) and passing it through to my component it sends all the blocks, but seems to be missing the markDefs. I looked in the GraphQL playground and the markDefs were not a query option available, should appear below list.

Notice the two console logs below for comparison.

CodeSandbox:

2: Object
_key: "f6bd276c19e2"
_type: "block"
children: Array(5)
markDefs: Array(2)
style: "normal"

Gatsby Application:

2:
children: (5) [{…}, {…}, {…}, {…}, {…}]
list: null
style: "normal"
_key: "f6bd276c19e2"
_type: "block"
[[Prototype]]: Object

[Christian-Garrison]

Possibly related to this issue through gatsby-source-sanity

[rexxars]

Glad you figured this out!