[Feature Request]: Docs site to support Typescript live TSX

[danielrobertson]

Description

Support live TSX in addition to live JSX to enable better documentation of components, e.g. DataTable, where Typescript is pivotal in the component API
https://docusaurus.io/docs/markdown-features/code-blocks#interactive-code-editor

Examples

Code of Conduct

• I agree to the Code of Conduct.
• I have reviewed the current issues for duplicate tickets.

[danielrobertson]

Digging into this I found that Docusuarus provides a live-codeblocks plugin that wraps react-live.

react-live@4.0.0 supports Typescript but Docusaurus' live-codeblocks is on react-live@2.3.3 (package.json) 😞

A Docusarus maintiner mentions here that live codeblocks don't receive much usage in his opinion, which would explain the outdated dependencies.

[danielrobertson]

I attempted a quick PR to Docusaurus here updating the dependency, but the builds failed in a way that wasn't clear how to proceed. I saw some folks in the Discord also struggling to get through webpack and other errors when upgrading react-live facebook/docusaurus#9145

[danielrobertson]

I have created an issue in Docusaurus' feedback board https://docusaurus.io/feature-requests/p/typescript-live-code-blocks