fix: expose Fiber type from react-reconciler (#22)

* fix: expose Fiber type

* tweaks

Author: mdjastrzebski

bun.lock

@@ -38,7 +38,8 @@
     "release": "release-it"
   },
   "dependencies": {
-    "react-reconciler": "~0.31.0"
+    "react-reconciler": "~0.31.0",
+    "@types/react-reconciler": "~0.31.0"
   },
   "peerDependencies": {
     "react": "^19.0.0"
@@ -49,7 +50,6 @@
     "@release-it/conventional-changelog": "^10.0.0",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.0.10",
-    "@types/react-reconciler": "^0.28.9",
     "eslint": "^9.21.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "jest": "^30.2.0",

package.json

@@ -1,7 +1,7 @@
 import { expect, jest, test } from "@jest/globals";
 
-import { FiberTag } from "../constants";
 import type { HostElement } from "../host-element";
+import { ReactWorkTag } from "../react-constants";
 import { createRoot } from "../renderer";
 import { renderWithAct } from "../test-utils/render";
 
@@ -42,8 +42,8 @@ test("host elements exposes fiber instance", async () => {
   await renderWithAct(renderer, <div>Hello!</div>);
 
   const fiber = renderer.root!.unstable_fiber!;
-  expect(fiber.tag).toBe(FiberTag.HostComponent);
-  expect(fiber.return!.tag).toBe(FiberTag.Root);
+  expect(fiber.tag).toBe(ReactWorkTag.HostComponent);
+  expect(fiber.return!.tag).toBe(ReactWorkTag.HostRoot);
 });
 
 interface TestComponentProps {
@@ -62,6 +62,6 @@ test("can access composite parent props", async () => {
   expect(renderer.root!.props).toEqual({ className: "test-class", children: "Hello!" });
 
   const fiber = renderer.root!.unstable_fiber!;
-  expect(fiber.return!.tag).toBe(FiberTag.FunctionComponent);
+  expect(fiber.return!.tag).toBe(ReactWorkTag.FunctionComponent);
   expect(fiber.return!.memoizedProps).toEqual({ className: "test-class", onChange: handleChange });
 });

src/__tests__/host-element.test.tsx

@@ -3,10 +3,3 @@ export const Tag = {
   Instance: "INSTANCE",
   Text: "TEXT",
 } as const;
-
-// Source: https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactWorkTags.js#L46
-export const FiberTag = {
-  FunctionComponent: 0,
-  Root: 3,
-  HostComponent: 5,
-} as const;

src/constants.ts

@@ -5,3 +5,5 @@ export type { Root, RootOptions } from "./renderer";
 export type { HostElement, HostElementProps, HostNode } from "./host-element";
 export type { JsonElement, JsonNode } from "./render-to-json";
 export type { FindAllOptions } from "./find-all";
+
+export type { Fiber } from "react-reconciler";

src/index.ts

@@ -0,0 +1,7 @@
+// Source: https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactWorkTags.js#L46
+export const ReactWorkTag = {
+  FunctionComponent: 0,
+  ClassComponent: 1,
+  HostRoot: 3,
+  HostComponent: 5,
+} as const;

src/react-constants.ts

@@ -1,11 +1,7 @@
 import type { ReactElement } from "react";
 import type { Fiber } from "react-reconciler";
 import ReactReconciler from "react-reconciler";
-import {
-  DefaultEventPriority,
-  // @ts-expect-error missing types
-  NoEventPriority,
-} from "react-reconciler/constants";
+import { DefaultEventPriority, NoEventPriority } from "react-reconciler/constants";
 
 import { Tag } from "./constants";
 import { formatComponentList } from "./utils";
@@ -61,7 +57,6 @@ type HostContext = {
 
 const nodeToInstanceMap = new WeakMap<object, Instance>();
 
-// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 let currentUpdatePriority: number = NoEventPriority;
 
 const hostConfig: ReactReconciler.HostConfig<