@react-three/fiber 9.4.0 → 9.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-three/fiber
 
+## 9.4.1
+
+### Patch Changes
+
+- 4f8cec0d79003a9ef6d1ca1e56de94aec4158714: fix: pass DevTools config through createReconciler to fix React DevTools
+
 ## 9.4.0
 
 ### Minor Changes

package/dist/{events-3afec6fc.cjs.prod.js → events-1d578043.cjs.dev.js}

@@ -1283,13 +1283,101 @@ useLoader.clear = function (loader, input) {
   return suspendReact.clear([loader, ...keys]);
 };
 
+var packageData = {
+	name: "@react-three/fiber",
+	version: "9.4.1",
+	description: "A React renderer for Threejs",
+	keywords: [
+		"react",
+		"renderer",
+		"fiber",
+		"three",
+		"threejs"
+	],
+	author: "Paul Henschel (https://github.com/drcmda)",
+	license: "MIT",
+	maintainers: [
+		"Josh Ellis (https://github.com/joshuaellis)",
+		"Cody Bennett (https://github.com/codyjasonbennett)",
+		"Kris Baumgarter (https://github.com/krispya)"
+	],
+	bugs: {
+		url: "https://github.com/pmndrs/react-three-fiber/issues"
+	},
+	homepage: "https://github.com/pmndrs/react-three-fiber#readme",
+	repository: {
+		type: "git",
+		url: "git+https://github.com/pmndrs/react-three-fiber.git"
+	},
+	collective: {
+		type: "opencollective",
+		url: "https://opencollective.com/react-three-fiber"
+	},
+	main: "dist/react-three-fiber.cjs.js",
+	module: "dist/react-three-fiber.esm.js",
+	types: "dist/react-three-fiber.cjs.d.ts",
+	"react-native": "native/dist/react-three-fiber-native.cjs.js",
+	sideEffects: false,
+	preconstruct: {
+		entrypoints: [
+			"index.tsx",
+			"native.tsx"
+		]
+	},
+	scripts: {
+		prebuild: "cp ../../readme.md readme.md"
+	},
+	dependencies: {
+		"@babel/runtime": "^7.17.8",
+		"@types/react-reconciler": "^0.32.0",
+		"@types/webxr": "*",
+		"base64-js": "^1.5.1",
+		buffer: "^6.0.3",
+		"its-fine": "^2.0.0",
+		"react-reconciler": "^0.31.0",
+		"react-use-measure": "^2.1.7",
+		scheduler: "^0.25.0",
+		"suspend-react": "^0.1.3",
+		"use-sync-external-store": "^1.4.0",
+		zustand: "^5.0.3"
+	},
+	peerDependencies: {
+		expo: ">=43.0",
+		"expo-asset": ">=8.4",
+		"expo-file-system": ">=11.0",
+		"expo-gl": ">=11.0",
+		react: "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-native": ">=0.78",
+		three: ">=0.156"
+	},
+	peerDependenciesMeta: {
+		"react-dom": {
+			optional: true
+		},
+		"react-native": {
+			optional: true
+		},
+		expo: {
+			optional: true
+		},
+		"expo-asset": {
+			optional: true
+		},
+		"expo-file-system": {
+			optional: true
+		},
+		"expo-gl": {
+			optional: true
+		}
+	}
+};
+
 function createReconciler(config) {
   const reconciler = Reconciler__default["default"](config);
-  reconciler.injectIntoDevTools({
-    bundleType: typeof process !== 'undefined' &&         "production" !== 'production' ? 1 : 0,
-    rendererPackageName: '@react-three/fiber',
-    version: React__namespace.version
-  });
+
+  // @ts-ignore DefinitelyTyped is not up to date
+  reconciler.injectIntoDevTools();
   return reconciler;
 }
 const NoEventPriority = 0;
@@ -1711,7 +1799,10 @@ const reconciler = /* @__PURE__ */createReconciler({
         return constants.DefaultEventPriority;
     }
   },
-  resetFormInstance() {}
+  resetFormInstance() {},
+  // @ts-ignore DefinitelyTyped is not up to date
+  rendererPackageName: '@react-three/fiber',
+  rendererVersion: packageData.version
 });
 
 const _roots = new Map();

package/dist/{events-f8cd670d.esm.js → events-2487ec62.esm.js}

@@ -1257,13 +1257,101 @@ useLoader.clear = function (loader, input) {
   return clear([loader, ...keys]);
 };
 
+var packageData = {
+	name: "@react-three/fiber",
+	version: "9.4.1",
+	description: "A React renderer for Threejs",
+	keywords: [
+		"react",
+		"renderer",
+		"fiber",
+		"three",
+		"threejs"
+	],
+	author: "Paul Henschel (https://github.com/drcmda)",
+	license: "MIT",
+	maintainers: [
+		"Josh Ellis (https://github.com/joshuaellis)",
+		"Cody Bennett (https://github.com/codyjasonbennett)",
+		"Kris Baumgarter (https://github.com/krispya)"
+	],
+	bugs: {
+		url: "https://github.com/pmndrs/react-three-fiber/issues"
+	},
+	homepage: "https://github.com/pmndrs/react-three-fiber#readme",
+	repository: {
+		type: "git",
+		url: "git+https://github.com/pmndrs/react-three-fiber.git"
+	},
+	collective: {
+		type: "opencollective",
+		url: "https://opencollective.com/react-three-fiber"
+	},
+	main: "dist/react-three-fiber.cjs.js",
+	module: "dist/react-three-fiber.esm.js",
+	types: "dist/react-three-fiber.cjs.d.ts",
+	"react-native": "native/dist/react-three-fiber-native.cjs.js",
+	sideEffects: false,
+	preconstruct: {
+		entrypoints: [
+			"index.tsx",
+			"native.tsx"
+		]
+	},
+	scripts: {
+		prebuild: "cp ../../readme.md readme.md"
+	},
+	dependencies: {
+		"@babel/runtime": "^7.17.8",
+		"@types/react-reconciler": "^0.32.0",
+		"@types/webxr": "*",
+		"base64-js": "^1.5.1",
+		buffer: "^6.0.3",
+		"its-fine": "^2.0.0",
+		"react-reconciler": "^0.31.0",
+		"react-use-measure": "^2.1.7",
+		scheduler: "^0.25.0",
+		"suspend-react": "^0.1.3",
+		"use-sync-external-store": "^1.4.0",
+		zustand: "^5.0.3"
+	},
+	peerDependencies: {
+		expo: ">=43.0",
+		"expo-asset": ">=8.4",
+		"expo-file-system": ">=11.0",
+		"expo-gl": ">=11.0",
+		react: "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-native": ">=0.78",
+		three: ">=0.156"
+	},
+	peerDependenciesMeta: {
+		"react-dom": {
+			optional: true
+		},
+		"react-native": {
+			optional: true
+		},
+		expo: {
+			optional: true
+		},
+		"expo-asset": {
+			optional: true
+		},
+		"expo-file-system": {
+			optional: true
+		},
+		"expo-gl": {
+			optional: true
+		}
+	}
+};
+
 function createReconciler(config) {
   const reconciler = Reconciler(config);
-  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;
 }
 const NoEventPriority = 0;
@@ -1685,7 +1773,10 @@ const reconciler = /* @__PURE__ */createReconciler({
         return DefaultEventPriority;
     }
   },
-  resetFormInstance() {}
+  resetFormInstance() {},
+  // @ts-ignore DefinitelyTyped is not up to date
+  rendererPackageName: '@react-three/fiber',
+  rendererVersion: packageData.version
 });
 
 const _roots = new Map();

package/dist/{events-6ab58ae5.cjs.dev.js → events-af6d715d.cjs.prod.js}

@@ -1283,13 +1283,101 @@ useLoader.clear = function (loader, input) {
   return suspendReact.clear([loader, ...keys]);
 };
 
+var packageData = {
+	name: "@react-three/fiber",
+	version: "9.4.1",
+	description: "A React renderer for Threejs",
+	keywords: [
+		"react",
+		"renderer",
+		"fiber",
+		"three",
+		"threejs"
+	],
+	author: "Paul Henschel (https://github.com/drcmda)",
+	license: "MIT",
+	maintainers: [
+		"Josh Ellis (https://github.com/joshuaellis)",
+		"Cody Bennett (https://github.com/codyjasonbennett)",
+		"Kris Baumgarter (https://github.com/krispya)"
+	],
+	bugs: {
+		url: "https://github.com/pmndrs/react-three-fiber/issues"
+	},
+	homepage: "https://github.com/pmndrs/react-three-fiber#readme",
+	repository: {
+		type: "git",
+		url: "git+https://github.com/pmndrs/react-three-fiber.git"
+	},
+	collective: {
+		type: "opencollective",
+		url: "https://opencollective.com/react-three-fiber"
+	},
+	main: "dist/react-three-fiber.cjs.js",
+	module: "dist/react-three-fiber.esm.js",
+	types: "dist/react-three-fiber.cjs.d.ts",
+	"react-native": "native/dist/react-three-fiber-native.cjs.js",
+	sideEffects: false,
+	preconstruct: {
+		entrypoints: [
+			"index.tsx",
+			"native.tsx"
+		]
+	},
+	scripts: {
+		prebuild: "cp ../../readme.md readme.md"
+	},
+	dependencies: {
+		"@babel/runtime": "^7.17.8",
+		"@types/react-reconciler": "^0.32.0",
+		"@types/webxr": "*",
+		"base64-js": "^1.5.1",
+		buffer: "^6.0.3",
+		"its-fine": "^2.0.0",
+		"react-reconciler": "^0.31.0",
+		"react-use-measure": "^2.1.7",
+		scheduler: "^0.25.0",
+		"suspend-react": "^0.1.3",
+		"use-sync-external-store": "^1.4.0",
+		zustand: "^5.0.3"
+	},
+	peerDependencies: {
+		expo: ">=43.0",
+		"expo-asset": ">=8.4",
+		"expo-file-system": ">=11.0",
+		"expo-gl": ">=11.0",
+		react: "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-native": ">=0.78",
+		three: ">=0.156"
+	},
+	peerDependenciesMeta: {
+		"react-dom": {
+			optional: true
+		},
+		"react-native": {
+			optional: true
+		},
+		expo: {
+			optional: true
+		},
+		"expo-asset": {
+			optional: true
+		},
+		"expo-file-system": {
+			optional: true
+		},
+		"expo-gl": {
+			optional: true
+		}
+	}
+};
+
 function createReconciler(config) {
   const reconciler = Reconciler__default["default"](config);
-  reconciler.injectIntoDevTools({
-    bundleType: typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' ? 1 : 0,
-    rendererPackageName: '@react-three/fiber',
-    version: React__namespace.version
-  });
+
+  // @ts-ignore DefinitelyTyped is not up to date
+  reconciler.injectIntoDevTools();
   return reconciler;
 }
 const NoEventPriority = 0;
@@ -1711,7 +1799,10 @@ const reconciler = /* @__PURE__ */createReconciler({
         return constants.DefaultEventPriority;
     }
   },
-  resetFormInstance() {}
+  resetFormInstance() {},
+  // @ts-ignore DefinitelyTyped is not up to date
+  rendererPackageName: '@react-three/fiber',
+  rendererVersion: packageData.version
 });
 
 const _roots = new Map();

package/dist/react-three-fiber.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-6ab58ae5.cjs.dev.js');
+var events = require('./events-1d578043.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-3afec6fc.cjs.prod.js');
+var events = require('./events-af6d715d.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.esm.js

@@ -1,5 +1,5 @@
-import { e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, c as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents } from './events-f8cd670d.esm.js';
-export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-f8cd670d.esm.js';
+import { e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, c as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents } from './events-2487ec62.esm.js';
+export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-2487ec62.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';

package/native/dist/react-three-fiber-native.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-6ab58ae5.cjs.dev.js');
+var events = require('../../dist/events-1d578043.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

package/native/dist/react-three-fiber-native.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-3afec6fc.cjs.prod.js');
+var events = require('../../dist/events-af6d715d.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

package/native/dist/react-three-fiber-native.esm.js

@@ -1,5 +1,5 @@
-import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-f8cd670d.esm.js';
-export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from '../../dist/events-f8cd670d.esm.js';
+import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-2487ec62.esm.js';
+export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from '../../dist/events-2487ec62.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "9.4.0",
+  "version": "9.4.1",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",