jsx-runtime not found error in downstream vitest project

[hi-ogawa]

• related? Bug: Cannot import 'react/jsx-runtime' from esm node/webpack 5 facebook/react#20235

The issue is found in:

• chore: add bar-of-progress ytsub-v3#171

Currently we use "jsx": "react-jsx" for @hiogawa/utils-react package.
React version (ytsub-v3 uses react 17) might be relevant.

---

logs

https://github.com/hi-ogawa/ytsub-v3/actions/runs/4401061028/jobs/7706928767#step:7:66

 FAIL  app/routes/__tests__/videos-id.test.ts [ app/routes/__tests__/videos-id.test.ts ]
Error: Cannot find module '/home/runner/work/ytsub-v3/ytsub-v3/node_modules/.pnpm/@hiogawa+utils-react@1.1.0_react@17.0.2/node_modules/react/jsx-runtime' imported from /home/runner/work/ytsub-v3/ytsub-v3/node_modules/.pnpm/@hiogawa+utils-react@1.1.0_react@17.0.2/node_modules/@hiogawa/utils-react/dist/index.js
Did you mean to import react@17.0.2/node_modules/react/jsx-runtime.js?

[hi-ogawa]

It seems manually modifying utils-react/dist/index.js would fix it:

import { jsx, jsxs } from "react/jsx-runtime.js";    ///// <= originally  "react/jsx-runtime"
function Debug(props) {
  ...
}