@react-three/fiber 9.0.1 → 9.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 9.0.3
+
+### Patch Changes
+
+- 01f0f1c8855325aae1c337d5443c846cc46007b0: fix(types): remove recursive references in JSX types
+
+## 9.0.2
+
+### Patch Changes
+
+- 14e133278c3cf1550a3b9aeaaadb624a2aae4781: fix(reconciler): prefer to resolve unprefixed instance types
+
 ## 9.0.1
 
 ### Patch Changes

package/dist/declarations/src/three-types.d.ts

@@ -32,19 +32,19 @@ export interface ReactProps<P> {
 }
 export type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<P, MathProps<P> & ReactProps<P> & EventProps<P>>>;
 export type ThreeElement<T extends ConstructorRepresentation> = Mutable<Overwrite<ElementProps<T>, Omit<InstanceProps<InstanceType<T>, T>, 'object'>>>;
-type ThreeExports = typeof THREE;
-type DuplicateKeys<T, U> = Extract<keyof T, keyof U>;
-type Conflicts = DuplicateKeys<JSX.IntrinsicElements, {
-    [K in keyof ThreeExports as Uncapitalize<K>]: any;
-}>;
 export type ThreeToJSXElements<T extends Record<string, any>> = {
-    [K in keyof T & string as Uncapitalize<K> extends Conflicts ? `three${Capitalize<K>}` : Uncapitalize<K>]: T[K] extends ConstructorRepresentation ? ThreeElement<T[K]> : never;
+    [K in keyof T & string as Uncapitalize<K>]: T[K] extends ConstructorRepresentation ? ThreeElement<T[K]> : never;
 };
+type ThreeExports = typeof THREE;
 type ThreeElementsImpl = ThreeToJSXElements<ThreeExports>;
 export interface ThreeElements extends ThreeElementsImpl {
     primitive: Omit<ThreeElement<any>, 'args'> & {
         object: object;
     };
+    threeAudio: ThreeElementsImpl['audio'];
+    threeSource: ThreeElementsImpl['source'];
+    threeLine: ThreeElementsImpl['line'];
+    threePath: ThreeElementsImpl['path'];
 }
 declare module 'react' {
     namespace JSX {

package/dist/{events-0dc84b81.esm.js → events-2895749c.esm.js}

@@ -1256,7 +1256,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1270,8 +1270,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

package/dist/{events-29e84b1f.cjs.dev.js → events-cee74b95.cjs.dev.js}

@@ -1282,7 +1282,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1296,8 +1296,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

package/dist/{events-8ef03cf1.cjs.prod.js → events-ff8de4d2.cjs.prod.js}

@@ -1282,7 +1282,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1296,8 +1296,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-29e84b1f.cjs.dev.js');
+var events = require('./events-cee74b95.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-8ef03cf1.cjs.prod.js');
+var events = require('./events-ff8de4d2.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-0dc84b81.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-0dc84b81.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-2895749c.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-2895749c.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-29e84b1f.cjs.dev.js');
+var events = require('../../dist/events-cee74b95.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-8ef03cf1.cjs.prod.js');
+var events = require('../../dist/events-ff8de4d2.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-0dc84b81.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-0dc84b81.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-2895749c.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-2895749c.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.0.1",
+  "version": "9.0.3",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",