IPython.display.JSON object not rendered correctly

[dchandan]

Describe the bug

context
I am using the IPython.display.JSON function to render JSON data in a Jupyter Notebook.

IPython.display.JSON(item.to_dict())

JupyterLab renders the data as:

The triangles allow one to collapse and expand the elements of the JSON structure.

expectation
I expected the same result in the finished Book.

bug
But instead the output cell is rendered as:

problem
How can I get the same interactive rendering of JSON data in the Book? Is this a bug?

Reproduce the bug

1. Create a JupyterLab notebook.
2. import IPython.display
3. IPython.display.JSON({"a": {"b": {"c": "d"}}})

Should look like this in the notebook, and I would like it to look like this in the Book as well.

List your environment

No response

[welcome]

Thanks for opening your first issue here! Engagement like this is essential for open source projects! 🤗

If you haven't done so already, check out EBP's Code of Conduct. Also, please try to follow the issue template as it helps other community members to contribute more effectively.

If your issue is a feature request, others may react to it, to raise its prominence (see Feature Voting).

Welcome to the EBP community! 🎉

[agoose77]

I think we can add a mime renderer for this. We'll need to see what client side libraries are required.