compat: failed to import "react" from ESM module

[ghost]

I try to use ink library from npm so i run npm install ink react and deno run --compat --unstable --allow-net --allow-read script.jsx

script.jsx

import React, {useState, useEffect} from 'react';
import {render, Text} from 'ink';

const Counter = () => {
	const [counter, setCounter] = useState(0);

	useEffect(() => {
		const timer = setInterval(() => {
			setCounter(previousCounter => previousCounter + 1);
		}, 100);

		return () => {
			clearInterval(timer);
		};
	}, []);

	return <Text color="green">{counter} tests passed</Text>;
};

render(<Counter />);

base on what i can understand from compatibility mode it must have no issues..., maybe i miss something ... i don't know here is output

[bartlomieju]

This is most likely related to #12648; react is distributed as a CJS module and interoperability between ESM and CJS is still a bit lacking in Deno.

[bartlomieju]

Okay, we got a way forward to providing this integration. Currently blocked by denoland/deno_graph#97