feat(jsx/dom): export createRoot and hydrateRoot from jsx/dom/client …

…as default (#2929)

src/jsx/dom/client.test.tsx

@@ -1,6 +1,6 @@
 /** @jsxImportSource ../ */
 import { JSDOM } from 'jsdom'
-import { createRoot, hydrateRoot } from './client'
+import DefaultExport, { createRoot, hydrateRoot } from './client'
 import { useEffect } from '.'
 
 describe('createRoot', () => {
@@ -117,3 +117,12 @@ describe('hydrateRoot', () => {
     expect(() => root.render(App2)).toThrow('Cannot update an unmounted root')
   })
 })
+
+describe('default export', () => {
+  ;['createRoot', 'hydrateRoot'].forEach((key) => {
+    it(key, () => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      expect((DefaultExport as any)[key]).toBeDefined()
+    })
+  })
+})

src/jsx/dom/client.ts

@@ -82,3 +82,8 @@ export const hydrateRoot = (
   root.render(reactNode)
   return root
 }
+
+export default {
+  createRoot,
+  hydrateRoot,
+}