jupyter deno react

react.js

import React from 'npm:react';
import ReactDOM from 'npm:react-dom/server';

// https://docs.jupyter.org/en/latest/reference/mimetype.html
const inspect = (obj: any) => {
    if (React.isValidElement(obj)) {
        return {
            [Symbol.for('Jupyter.display')]() {
                return {
                    'text/html': ReactDOM.renderToString(obj),
                };
            },
        };
    }
    return obj
};

inspect(
    <>
        <em>Hi:</em>
        <img src="https://api.iconify.design/fluent-emoji-flat/alarm-clock.svg" />
    </>
);