documentToReactComponents doesn't include images embedded in rich text fields

I am using React and Contentful with Gatsby. I have defined a rich text field in Contentful. When adding content, I embedded an asset (image) inside the field. I looks like this

When I query the data, I get the image inside the json response like this

file": {
             "en-US": {
              "url": "//images.ctfassets.net/ijv74p5w2k9k/4K8hxN40bRHqnq4iD2OLrw/6392cc793c3bc6ec7c/my-image.jpg",
              "details": {
                          "size": 269327,
                          "image": {
                            "width": 1747,
                            "height": 1240
                          }
                        },
                        "fileName": "my-image.jpg",
                        "contentType": "image/jpeg"

In my project, I fetched the entire json and rendered it like this

import {documentToReactComponents} from "@contentful/rich-text-react-renderer";

<div className={styles.content}>
    {documentToReactComponents(article.content.json)}
</div>

The result is that the text is correctly displayed, but the embedded asset is not displayed.

I am not sure if I’m doing something wrong, not doing something at all or if this is just a bug.

Any suggestions?

[talentedunicorn]

@Erythros try this it worked for me. You apparently need to define how the method handles the BLOCKS.EMBEDDED_ASSET. Good luck

[pjtf93]

@talentedunicorn thank you! That worked for me