@hono/vite-dev-serverと@vitejs/plugins-reactの併存

HMRしたい！

デフォルトだとコケるが、

とりあえずこのworkaroundでも動いたわ

code:ts

{process.env.NODE_ENV === "development" && (

<>

<script

type="module"

dangerouslySetInnerHTML={{

__html: `

import RefreshRuntime from '${BASE_URL}/@react-refresh'

RefreshRuntime.injectIntoGlobalHook(window)

window.$RefreshReg$ = () => {}

window.$RefreshSig$ = () => (type) => type

window.__vite_plugin_react_preamble_installed__ = true

`,

}}

/>

<script type="module" src="src/assets/main.tsx"></script>

</>

)}

つまりHMRのためにviteのtranspileでねじ込まれてるやつを自前で入れてる