[bug]: Nesting Unordered List In Ordered Lists

What version of `@strapi/blocks-react-renderer` are you using?

npm: 10.7.0 node: 20.14.0 react: 18.2.0 @strapi/blocks-react-renderer: 1.0.1 gatsby: 5.13.3 browser: all

What's Wrong?

When using the Rich Text block in Strapi CMS, the blocks-react-renderer is unable to render out nested unordered lists within ordered lists

To Reproduce

in your CMS, reproduce the following markdown in Strapi's Rich Text Block:

# Hello World

1. Numbered Item
   - a thing
   - another thing
   - a third thing
2. Numbered Item
   - a thing
   - another thing
   - a third thing

The output should look like this:

In your front-end of choice, I am using Gatsby, fetch your data and pass it through to the blocks-renderer.

Here is the object output from Strapi:

[
    {
        "type": "heading",
        "level": 1,
        "format": null,
        "children": [
            {
                "text": "Hello World",
                "type": "text",
                "children": null
            }
        ]
    },
    {
        "type": "list",
        "level": null,
        "format": "ordered",
        "children": [
            {
                "text": null,
                "type": "list-item",
                "children": [
                    {
                        "text": "A numbered Item",
                        "type": "text"
                    }
                ]
            },
            {
                "text": null,
                "type": "list",
                "children": [
                    {
                        "text": null,
                        "type": "list-item"
                    },
                    {
                        "text": null,
                        "type": "list-item"
                    },
                    {
                        "text": null,
                        "type": "list-item"
                    }
                ]
            },
            {
                "text": null,
                "type": "list-item",
                "children": [
                    {
                        "text": "Another Numbered item",
                        "type": "text"
                    }
                ]
            },
            {
                "text": null,
                "type": "list",
                "children": [
                    {
                        "text": null,
                        "type": "list-item"
                    },
                    {
                        "text": null,
                        "type": "list-item"
                    },
                    {
                        "text": null,
                        "type": "list-item"
                    }
                ]
            }
        ]
    }
]

using the rendering component:

import React from "react";
import { BlocksRenderer } from "@strapi/blocks-react-renderer";

const RichTextRenderer = ({ data }) => {
    const { text } = data;
    return <>{text && <BlocksRenderer content={text} />}</>;
};

export default RichTextRenderer;

the error I receive: Cannot read properties of undefined (reading 'map')

_Error in function Block in ./node_modules/.pnpm/@strapi+blocks-react-renderer@1.0.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/nodemodules/@strapi/blocks-react-renderer/dist/Block.mjs:45

Expected Behaviour

I expect to be able to nest and mix lists as usual markdown but the renderer is reading the values of the nested nodes as undefined when mapping. Still looking through what the issue is exactly, but it seems like the nested unordered list is returning null.

strapi / blocks-react-renderer