diff --git a/packages/fiber/src/core/reconciler.tsx b/packages/fiber/src/core/reconciler.tsx
index fe900a535a..fe56b07d8c 100644
--- a/packages/fiber/src/core/reconciler.tsx
+++ b/packages/fiber/src/core/reconciler.tsx
@@ -1,3 +1,4 @@
+import packageData from '../../package.json'
 import * as THREE from 'three'
 import * as React from 'react'
 import Reconciler from 'react-reconciler'
@@ -55,11 +56,8 @@ function createReconciler<
 ): Reconciler.Reconciler<Container, Instance, TextInstance, SuspenseInstance, FormInstance, PublicInstance> {
   const reconciler = Reconciler(config as any)
 
-  reconciler.injectIntoDevTools({
-    bundleType: typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' ? 1 : 0,
-    rendererPackageName: '@react-three/fiber',
-    version: React.version,
-  })
+  // @ts-ignore DefinitelyTyped is not up to date
+  reconciler.injectIntoDevTools()
 
   return reconciler as any
 }
@@ -601,4 +599,7 @@ export const reconciler = /* @__PURE__ */ createReconciler<
     }
   },
   resetFormInstance() {},
+  // @ts-ignore DefinitelyTyped is not up to date
+  rendererPackageName: '@react-three/fiber',
+  rendererVersion: packageData.version,
 })