@react-three/fiber 8.0.0-alpha-09 → 8.0.0-beta-03

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # @react-three/fiber
 
+## 7.0.23
+
+### Patch Changes
+
+- 30d38b1: remove logs
+
+## 7.0.22
+
+### Patch Changes
+
+- 259e1fa: add camera:manual
+
+## 7.0.21
+
+### Patch Changes
+
+- 65e4147: up usemeasure, add last event to internals"
+
+## 7.0.20
+
+### Patch Changes
+
+- 54cb0fd: update react-use-measure, allow it to use the offsetSize
+
+## 7.0.19
+
+### Patch Changes
+
+- 7aa2eab: fix: remove zustand subcribe selector
+
+## 7.0.18
+
+### Patch Changes
+
+- 6780f58: fix unmount pointer capture
+
+## 7.0.17
+
+### Patch Changes
+
+- 894c550: fix: event count
+
+## 7.0.16
+
+### Patch Changes
+
+- c7a4220: patch: applyprops returns the same instance
+
+## 7.0.15
+
+### Patch Changes
+
+- c5645e8: fix primitve leftovers on switch
+
+## 7.0.14
+
+### Patch Changes
+
+- 05af996: fix: revert the is function
+
+## 7.0.13
+
+### Patch Changes
+
+- f256558: fix(core): don't overwrite camera rotation
+- 51e6fc9: fix(core): safely handle external instances
+
+## 7.0.12
+
+### Patch Changes
+
+- 0df6073: fix: missed events
+
+## 7.0.11
+
+### Patch Changes
+
+- 62b0a3a: fix: event order of missed pointers
+
+## 7.0.10
+
+### Patch Changes
+
+- e019dd4: fixes
+
+## 7.0.9
+
+### Patch Changes
+
+- cd266e4: Fix diffProps dashed keys
+
+## 7.0.8
+
+### Patch Changes
+
+- 6f68406: Allow getCurrentViewport to receive an array
+
 ## 7.0.7
 
 ### Patch Changes

package/dist/declarations/src/core/events.d.ts

@@ -1,59 +1,63 @@
-import * as THREE from 'three';
-import { UseStore } from 'zustand';
-import { RootState } from './store';
-export interface Intersection extends THREE.Intersection {
-    eventObject: THREE.Object3D;
-}
-export interface IntesectionEvent<TSourceEvent> extends Intersection {
-    intersections: Intersection[];
-    stopped: boolean;
-    unprojectedPoint: THREE.Vector3;
-    ray: THREE.Ray;
-    camera: Camera;
-    stopPropagation: () => void;
-    sourceEvent: TSourceEvent;
-    nativeEvent: TSourceEvent;
-    delta: number;
-    spaceX: number;
-    spaceY: number;
-}
-export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
-export declare type ThreeEvent<TEvent> = TEvent & IntesectionEvent<TEvent>;
-export declare type DomEvent = ThreeEvent<PointerEvent | MouseEvent | WheelEvent>;
-export declare type Events = {
-    onClick: EventListener;
-    onContextMenu: EventListener;
-    onDoubleClick: EventListener;
-    onWheel: EventListener;
-    onPointerDown: EventListener;
-    onPointerUp: EventListener;
-    onPointerLeave: EventListener;
-    onPointerMove: EventListener;
-    onPointerCancel: EventListener;
-    onLostPointerCapture: EventListener;
-};
-export declare type EventHandlers = {
-    onClick?: (event: ThreeEvent<MouseEvent>) => void;
-    onContextMenu?: (event: ThreeEvent<MouseEvent>) => void;
-    onDoubleClick?: (event: ThreeEvent<MouseEvent>) => void;
-    onPointerUp?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerDown?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerOver?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerOut?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerEnter?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerLeave?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerMove?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerMissed?: (event: ThreeEvent<PointerEvent>) => void;
-    onPointerCancel?: (event: ThreeEvent<PointerEvent>) => void;
-    onWheel?: (event: ThreeEvent<WheelEvent>) => void;
-};
-export interface EventManager<TTarget> {
-    connected: TTarget | boolean;
-    handlers?: Events;
-    connect?: (target: TTarget) => void;
-    disconnect?: () => void;
-}
-export declare function removeInteractivity(store: UseStore<RootState>, object: THREE.Object3D): void;
-export declare function createEvents(store: UseStore<RootState>): {
-    handlePointer: (name: string) => (event: DomEvent) => void;
-};
+import * as THREE from 'three';
+import type { UseStore } from 'zustand';
+import type { RootState } from './store';
+export interface Intersection extends THREE.Intersection {
+    eventObject: THREE.Object3D;
+}
+export interface IntersectionEvent<TSourceEvent> extends Intersection {
+    intersections: Intersection[];
+    stopped: boolean;
+    unprojectedPoint: THREE.Vector3;
+    ray: THREE.Ray;
+    camera: Camera;
+    stopPropagation: () => void;
+    sourceEvent: TSourceEvent;
+    nativeEvent: TSourceEvent;
+    delta: number;
+    spaceX: number;
+    spaceY: number;
+}
+export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
+export declare type ThreeEvent<TEvent> = IntersectionEvent<TEvent>;
+export declare type DomEvent = PointerEvent | MouseEvent | WheelEvent;
+export declare type Events = {
+    onClick: EventListener;
+    onContextMenu: EventListener;
+    onDoubleClick: EventListener;
+    onWheel: EventListener;
+    onPointerDown: EventListener;
+    onPointerUp: EventListener;
+    onPointerLeave: EventListener;
+    onPointerMove: EventListener;
+    onPointerCancel: EventListener;
+    onLostPointerCapture: EventListener;
+};
+export declare type EventHandlers = {
+    onClick?: (event: ThreeEvent<MouseEvent>) => void;
+    onContextMenu?: (event: ThreeEvent<MouseEvent>) => void;
+    onDoubleClick?: (event: ThreeEvent<MouseEvent>) => void;
+    onPointerUp?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerDown?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerOver?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerOut?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerEnter?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerLeave?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerMove?: (event: ThreeEvent<PointerEvent>) => void;
+    onPointerMissed?: (event: MouseEvent) => void;
+    onPointerCancel?: (event: ThreeEvent<PointerEvent>) => void;
+    onWheel?: (event: ThreeEvent<WheelEvent>) => void;
+};
+export interface EventManager<TTarget> {
+    connected: TTarget | boolean;
+    handlers?: Events;
+    connect?: (target: TTarget) => void;
+    disconnect?: () => void;
+}
+export interface PointerCaptureTarget {
+    intersection: Intersection;
+    target: Element;
+}
+export declare function removeInteractivity(store: UseStore<RootState>, object: THREE.Object3D): void;
+export declare function createEvents(store: UseStore<RootState>): {
+    handlePointer: (name: string) => (event: DomEvent) => void;
+};

package/dist/declarations/src/core/hooks.d.ts

@@ -1,29 +1,21 @@
-import * as THREE from 'three';
-import { StateSelector, EqualityChecker } from 'zustand';
-import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
-import { RootState, RenderCallback } from './store';
-export interface Loader<T> extends THREE.Loader {
-    load(url: string, onLoad?: (result: T) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): unknown;
-}
-declare type Extensions = (loader: THREE.Loader) => void;
-declare type LoaderResult<T> = T extends any[] ? Loader<T[number]> : Loader<T>;
-declare type ConditionalType<Child, Parent, Truthy, Falsy> = Child extends Parent ? Truthy : Falsy;
-declare type BranchingReturn<T, Parent, Coerced> = ConditionalType<T, Parent, Coerced, T>;
-export declare type ObjectMap = {
-    nodes: {
-        [name: string]: THREE.Object3D;
-    };
-    materials: {
-        [name: string]: THREE.Material;
-    };
-};
-export declare function useStore(): import("zustand").UseStore<RootState>;
-export declare function useThree<T = RootState>(selector?: StateSelector<RootState, T>, equalityFn?: EqualityChecker<T>): T;
-export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
-export declare function useGraph(object: THREE.Object3D): ObjectMap;
-export declare function useLoader<T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<T, GLTF, GLTF & ObjectMap>[] : BranchingReturn<T, GLTF, GLTF & ObjectMap>;
-export declare namespace useLoader {
-    var preload: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions | undefined) => undefined;
-    var clear: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U) => void;
-}
-export {};
+import * as THREE from 'three';
+import { StateSelector, EqualityChecker } from 'zustand';
+import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
+import { RootState, RenderCallback } from './store';
+import { ObjectMap } from './utils';
+export interface Loader<T> extends THREE.Loader {
+    load(url: string, onLoad?: (result: T) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): unknown;
+}
+export declare type Extensions = (loader: THREE.Loader) => void;
+export declare type LoaderResult<T> = T extends any[] ? Loader<T[number]> : Loader<T>;
+export declare type ConditionalType<Child, Parent, Truthy, Falsy> = Child extends Parent ? Truthy : Falsy;
+export declare type BranchingReturn<T, Parent, Coerced> = ConditionalType<T, Parent, Coerced, T>;
+export declare function useStore(): import("zustand").UseStore<RootState>;
+export declare function useThree<T = RootState>(selector?: StateSelector<RootState, T>, equalityFn?: EqualityChecker<T>): T;
+export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
+export declare function useGraph(object: THREE.Object3D): ObjectMap;
+export declare function useLoader<T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<T, GLTF, GLTF & ObjectMap>[] : BranchingReturn<T, GLTF, GLTF & ObjectMap>;
+export declare namespace useLoader {
+    var preload: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions | undefined) => undefined;
+    var clear: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U) => void;
+}

package/dist/declarations/src/core/loop.d.ts

@@ -1,12 +1,12 @@
-import { Root } from './renderer';
-import { RootState } from './store';
-declare type GlobalRenderCallback = (timeStamp: number) => void;
-export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
-export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
-export declare const addTail: (callback: GlobalRenderCallback) => () => void;
-export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
-    loop: (timestamp: number) => number | undefined;
-    invalidate: (state?: RootState | undefined) => void;
-    advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined) => void;
-};
-export {};
+import { Root } from './renderer';
+import { RootState } from './store';
+declare type GlobalRenderCallback = (timeStamp: number) => void;
+export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
+export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
+export declare const addTail: (callback: GlobalRenderCallback) => () => void;
+export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
+    loop: (timestamp: number) => number | undefined;
+    invalidate: (state?: RootState | undefined) => void;
+    advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined) => void;
+};
+export {};

package/dist/declarations/src/core/renderer.d.ts

@@ -1,51 +1,50 @@
-import * as THREE from 'three';
-import { UseStore } from 'zustand';
-import Reconciler from 'react-reconciler';
-import { prepare, applyProps } from './utils';
-import { RootState } from './store';
-import { EventHandlers } from './events';
-export declare type Root = {
-    fiber: Reconciler.FiberRoot;
-    store: UseStore<RootState>;
-};
-export declare type LocalState = {
-    root: UseStore<RootState>;
-    objects: Instance[];
-    primitive?: boolean;
-    handlers: {
-        count: number;
-    } & Partial<EventHandlers>;
-    memoizedProps: {
-        [key: string]: any;
-    };
-};
-export declare type AttachFnType = (self: Instance, parent: Instance) => void;
-export declare type AttachFnsType = [attach: string | AttachFnType, detach: string | AttachFnType];
-export declare type BaseInstance = Omit<THREE.Object3D, 'parent' | 'children' | 'attach' | 'add' | 'remove' | 'raycast'> & {
-    __r3f: LocalState;
-    parent: Instance | null;
-    children: Instance[];
-    attach?: string;
-    attachFns?: AttachFnsType;
-    remove: (...object: Instance[]) => Instance;
-    add: (...object: Instance[]) => Instance;
-    raycast?: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
-};
-export declare type Instance = BaseInstance & {
-    [key: string]: any;
-};
-export declare type InstanceProps = {
-    [key: string]: unknown;
-} & {
-    args?: any[];
-    object?: object;
-    visible?: boolean;
-    dispose?: null;
-    attach?: string;
-};
-declare let extend: (objects: object) => void;
-declare function createRenderer<TCanvas>(roots: Map<TCanvas, Root>, getEventPriority?: () => any): {
-    reconciler: Reconciler.Reconciler<unknown, unknown, unknown, unknown, unknown>;
-    applyProps: typeof applyProps;
-};
-export { prepare, createRenderer, extend };
+import * as THREE from 'three';
+import { UseStore } from 'zustand';
+import Reconciler from 'react-reconciler';
+import { prepare, applyProps } from './utils';
+import { RootState } from './store';
+import { EventHandlers } from './events';
+export declare type Root = {
+    fiber: Reconciler.FiberRoot;
+    store: UseStore<RootState>;
+};
+export declare type LocalState = {
+    root: UseStore<RootState>;
+    objects: Instance[];
+    parent: Instance | null;
+    primitive?: boolean;
+    eventCount: number;
+    handlers: Partial<EventHandlers>;
+    attach?: AttachType;
+    previousAttach?: any;
+    memoizedProps: {
+        [key: string]: any;
+    };
+};
+export declare type AttachFnType = (parent: Instance, self: Instance) => void;
+export declare type AttachType = string | [attach: string | AttachFnType, detach: string | AttachFnType];
+export declare type BaseInstance = Omit<THREE.Object3D, 'children' | 'attach' | 'add' | 'remove' | 'raycast'> & {
+    __r3f: LocalState;
+    children: Instance[];
+    remove: (...object: Instance[]) => Instance;
+    add: (...object: Instance[]) => Instance;
+    raycast?: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
+};
+export declare type Instance = BaseInstance & {
+    [key: string]: any;
+};
+export declare type InstanceProps = {
+    [key: string]: unknown;
+} & {
+    args?: any[];
+    object?: object;
+    visible?: boolean;
+    dispose?: null;
+    attach?: AttachType;
+};
+declare let extend: (objects: object) => void;
+declare function createRenderer<TCanvas>(roots: Map<TCanvas, Root>, getEventPriority?: () => any): {
+    reconciler: Reconciler.Reconciler<unknown, unknown, unknown, unknown, unknown>;
+    applyProps: typeof applyProps;
+};
+export { prepare, createRenderer, extend };

package/dist/declarations/src/core/store.d.ts

@@ -1,106 +1,117 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import * as ReactThreeFiber from '../three-types';
-import { GetState, SetState, UseStore } from 'zustand';
-import { Instance, InstanceProps } from './renderer';
-import { DomEvent, EventManager, ThreeEvent } from './events';
-export interface Intersection extends THREE.Intersection {
-    eventObject: THREE.Object3D;
-}
-export declare type Subscription = {
-    ref: React.MutableRefObject<RenderCallback>;
-    priority: number;
-};
-export declare type Dpr = number | [min: number, max: number];
-export declare type Size = {
-    width: number;
-    height: number;
-};
-export declare type Viewport = Size & {
-    initialDpr: number;
-    dpr: number;
-    factor: number;
-    distance: number;
-    aspect: number;
-};
-export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
-export declare type Raycaster = THREE.Raycaster & {
-    enabled: boolean;
-    filter?: FilterFunction;
-    computeOffsets?: ComputeOffsetsFunction;
-};
-export declare type RenderCallback = (state: RootState, delta: number) => void;
-export declare type Performance = {
-    current: number;
-    min: number;
-    max: number;
-    debounce: number;
-    regress: () => void;
-};
-export declare const isRenderer: (def: THREE.WebGLRenderer) => def is THREE.WebGLRenderer;
-export declare const isOrthographicCamera: (def: THREE.Camera) => def is THREE.OrthographicCamera;
-export declare type InternalState = {
-    active: boolean;
-    priority: number;
-    frames: number;
-    lastProps: StoreProps;
-    interaction: THREE.Object3D[];
-    hovered: Map<string, DomEvent>;
-    subscribers: Subscription[];
-    capturedMap: Map<number, Map<THREE.Object3D, Intersection>>;
-    initialClick: [x: number, y: number];
-    initialHits: THREE.Object3D[];
-    subscribe: (callback: React.MutableRefObject<RenderCallback>, priority?: number) => () => void;
-};
-export declare type RootState = {
-    gl: THREE.WebGLRenderer;
-    scene: THREE.Scene;
-    camera: Camera;
-    controls: THREE.EventDispatcher | null;
-    raycaster: Raycaster;
-    mouse: THREE.Vector2;
-    clock: THREE.Clock;
-    vr: boolean;
-    linear: boolean;
-    flat: boolean;
-    frameloop: 'always' | 'demand' | 'never';
-    performance: Performance;
-    size: Size;
-    viewport: Viewport & {
-        getCurrentViewport: (camera?: Camera, target?: THREE.Vector3, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
-    };
-    set: SetState<RootState>;
-    get: GetState<RootState>;
-    invalidate: () => void;
-    advance: (timestamp: number, runGlobalEffects?: boolean) => void;
-    setSize: (width: number, height: number) => void;
-    setDpr: (dpr: Dpr) => void;
-    onPointerMissed?: (event: ThreeEvent<PointerEvent>) => void;
-    events: EventManager<any>;
-    internal: InternalState;
-};
-export declare type FilterFunction = (items: THREE.Intersection[], state: RootState) => THREE.Intersection[];
-export declare type ComputeOffsetsFunction = (event: any, state: RootState) => {
-    offsetX: number;
-    offsetY: number;
-};
-export declare type StoreProps = {
-    gl: THREE.WebGLRenderer;
-    size: Size;
-    vr?: boolean;
-    shadows?: boolean | Partial<THREE.WebGLShadowMap>;
-    linear?: boolean;
-    flat?: boolean;
-    orthographic?: boolean;
-    frameloop?: 'always' | 'demand' | 'never';
-    performance?: Partial<Omit<Performance, 'regress'>>;
-    dpr?: Dpr;
-    clock?: THREE.Clock;
-    raycaster?: Partial<Raycaster>;
-    camera?: Camera | Partial<ReactThreeFiber.Object3DNode<THREE.Camera, typeof THREE.Camera> & ReactThreeFiber.Object3DNode<THREE.PerspectiveCamera, typeof THREE.PerspectiveCamera> & ReactThreeFiber.Object3DNode<THREE.OrthographicCamera, typeof THREE.OrthographicCamera>>;
-    onPointerMissed?: (event: ThreeEvent<PointerEvent>) => void;
-};
-export declare type ApplyProps = (instance: Instance, newProps: InstanceProps) => void;
-declare const context: React.Context<UseStore<RootState>>;
-declare const createStore: (applyProps: ApplyProps, invalidate: (state?: RootState | undefined) => void, advance: (timestamp: number, runGlobalEffects?: boolean | undefined, state?: RootState | undefined) => void, props: StoreProps) => UseStore<RootState>;
-export { createStore, context };
+import * as THREE from 'three';
+import * as React from 'react';
+import * as ReactThreeFiber from '../three-types';
+import { GetState, SetState, UseStore } from 'zustand';
+import { Instance, InstanceProps } from './renderer';
+import { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from './events';
+export interface Intersection extends THREE.Intersection {
+    eventObject: THREE.Object3D;
+}
+export declare type Subscription = {
+    ref: React.MutableRefObject<RenderCallback>;
+    priority: number;
+};
+export declare type Dpr = number | [min: number, max: number];
+export declare type Size = {
+    width: number;
+    height: number;
+};
+export declare type Viewport = Size & {
+    initialDpr: number;
+    dpr: number;
+    factor: number;
+    distance: number;
+    aspect: number;
+};
+export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
+export declare type Raycaster = THREE.Raycaster & {
+    enabled: boolean;
+    filter?: FilterFunction;
+    computeOffsets?: ComputeOffsetsFunction;
+};
+export declare type RenderCallback = (state: RootState, delta: number) => void;
+export declare type Performance = {
+    current: number;
+    min: number;
+    max: number;
+    debounce: number;
+    regress: () => void;
+};
+export declare type Renderer = {
+    render: (scene: THREE.Scene, camera: THREE.Camera) => any;
+};
+export declare const isRenderer: (def: Renderer) => boolean;
+export declare const isOrthographicCamera: (def: THREE.Camera) => def is THREE.OrthographicCamera;
+export declare type InternalState = {
+    active: boolean;
+    priority: number;
+    frames: number;
+    lastProps: StoreProps;
+    lastEvent: React.MutableRefObject<DomEvent | null>;
+    interaction: THREE.Object3D[];
+    hovered: Map<string, ThreeEvent<DomEvent>>;
+    subscribers: Subscription[];
+    capturedMap: Map<number, Map<THREE.Object3D, PointerCaptureTarget>>;
+    initialClick: [x: number, y: number];
+    initialHits: THREE.Object3D[];
+    xr: {
+        connect: () => void;
+        disconnect: () => void;
+    };
+    subscribe: (callback: React.MutableRefObject<RenderCallback>, priority?: number) => () => void;
+};
+export declare type RootState = {
+    gl: THREE.WebGLRenderer;
+    scene: THREE.Scene;
+    camera: Camera & {
+        manual?: boolean;
+    };
+    controls: THREE.EventDispatcher | null;
+    raycaster: Raycaster;
+    mouse: THREE.Vector2;
+    clock: THREE.Clock;
+    linear: boolean;
+    flat: boolean;
+    frameloop: 'always' | 'demand' | 'never';
+    performance: Performance;
+    size: Size;
+    viewport: Viewport & {
+        getCurrentViewport: (camera?: Camera, target?: THREE.Vector3, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
+    };
+    set: SetState<RootState>;
+    get: GetState<RootState>;
+    invalidate: () => void;
+    advance: (timestamp: number, runGlobalEffects?: boolean) => void;
+    setSize: (width: number, height: number) => void;
+    setDpr: (dpr: Dpr) => void;
+    setFrameloop: (frameloop?: 'always' | 'demand' | 'never') => void;
+    onPointerMissed?: (event: MouseEvent) => void;
+    events: EventManager<any>;
+    internal: InternalState;
+};
+export declare type FilterFunction = (items: THREE.Intersection[], state: RootState) => THREE.Intersection[];
+export declare type ComputeOffsetsFunction = (event: any, state: RootState) => {
+    offsetX: number;
+    offsetY: number;
+};
+export declare type StoreProps = {
+    gl: THREE.WebGLRenderer;
+    size: Size;
+    shadows?: boolean | Partial<THREE.WebGLShadowMap>;
+    linear?: boolean;
+    flat?: boolean;
+    orthographic?: boolean;
+    frameloop?: 'always' | 'demand' | 'never';
+    performance?: Partial<Omit<Performance, 'regress'>>;
+    dpr?: Dpr;
+    clock?: THREE.Clock;
+    raycaster?: Partial<Raycaster>;
+    camera?: (Camera | Partial<ReactThreeFiber.Object3DNode<THREE.Camera, typeof THREE.Camera> & ReactThreeFiber.Object3DNode<THREE.PerspectiveCamera, typeof THREE.PerspectiveCamera> & ReactThreeFiber.Object3DNode<THREE.OrthographicCamera, typeof THREE.OrthographicCamera>>) & {
+        manual?: boolean;
+    };
+    onPointerMissed?: (event: MouseEvent) => void;
+};
+export declare type ApplyProps = (instance: Instance, newProps: InstanceProps) => void;
+declare const context: React.Context<UseStore<RootState>>;
+declare const createStore: (applyProps: ApplyProps, invalidate: (state?: RootState | undefined) => void, advance: (timestamp: number, runGlobalEffects?: boolean | undefined, state?: RootState | undefined) => void, props: StoreProps) => UseStore<RootState>;
+export { createStore, context };