diff --git a/deno_dist/jsx/dom/render.ts b/deno_dist/jsx/dom/render.ts
index a44190be..b43228d3 100644
--- a/deno_dist/jsx/dom/render.ts
+++ b/deno_dist/jsx/dom/render.ts
@@ -2,10 +2,10 @@ import type { JSXNode } from '../base.ts'
 import type { FC, Child, Props } from '../base.ts'
 import { DOM_RENDERER, DOM_ERROR_HANDLER, DOM_STASH } from '../constants.ts'
 import type { Context as JSXContext } from '../context.ts'
-import { globalContexts as globalJSXContexts } from '../context.ts'
+import { globalContexts as globalJSXContexts, useContext } from '../context.ts'
 import type { EffectData } from '../hooks/index.ts'
 import { STASH_EFFECT } from '../hooks/index.ts'
-import { useContext, createContext } from './index.ts'
+import { createContext } from './context.ts' // import dom-specific versions
 
 const eventAliasMap: Record<string, string> = {
   Change: 'Input',
diff --git a/src/jsx/dom/render.ts b/src/jsx/dom/render.ts
index ba997a29..787f54c2 100644
--- a/src/jsx/dom/render.ts
+++ b/src/jsx/dom/render.ts
@@ -2,10 +2,10 @@ import type { JSXNode } from '../base'
 import type { FC, Child, Props } from '../base'
 import { DOM_RENDERER, DOM_ERROR_HANDLER, DOM_STASH } from '../constants'
 import type { Context as JSXContext } from '../context'
-import { globalContexts as globalJSXContexts } from '../context'
+import { globalContexts as globalJSXContexts, useContext } from '../context'
 import type { EffectData } from '../hooks'
 import { STASH_EFFECT } from '../hooks'
-import { useContext, createContext } from '.'
+import { createContext } from './context' // import dom-specific versions
 
 const eventAliasMap: Record<string, string> = {
   Change: 'Input',