fix: uses of ComponentInternals

pmndrs · Apr 5, 2024 · 83a586e · 83a586e
1 parent a0ee4ab
commit 83a586e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/icons/lucide/react/generate.ts b/packages/icons/lucide/react/generate.ts
@@ -13,11 +13,11 @@ async function main() {
     const svg = raw.toString()
     const code = `
       /* eslint-disable no-shadow-restricted-names */
-      import { Icon, ComponentInternals } from "@react-three/uikit";
+      import { Icon, ComponentInternals, IconProperties } from "@react-three/uikit";
       import { ComponentPropsWithoutRef, forwardRef } from "react"; 
       export type ${name}Props = Omit<ComponentPropsWithoutRef<typeof Icon>, "text" | "svgWidth" | "svgHeight">;
       const text = \`${svg}\`;
-      export const ${name} = /*@__PURE__*/ forwardRef<ComponentInternals, ${name}Props>((props, ref) => {
+      export const ${name} = /*@__PURE__*/ forwardRef<ComponentInternals<IconProperties>, ${name}Props>((props, ref) => {
         return <Icon {...props} ref={ref} text={text} svgWidth={24} svgHeight={24} />
       })
     `

diff --git a/packages/kits/apfel/slider.tsx b/packages/kits/apfel/slider.tsx
@@ -1,6 +1,6 @@
 import { ThreeEvent } from '@react-three/fiber'
 import type { EventHandlers } from '@react-three/fiber/dist/declarations/src/core/events'
-import { ComponentInternals, Container, DefaultProperties } from '@react-three/uikit'
+import { ComponentInternals, Container, ContainerProperties, DefaultProperties } from '@react-three/uikit'
 import React, { ComponentPropsWithoutRef, ReactNode, useMemo, useRef, useState } from 'react'
 import { Vector3 } from 'three'
 import { clamp } from 'three/src/math/MathUtils.js'
@@ -41,7 +41,7 @@ export function Slider({
 }) {
   const [uncontrolled, setUncontrolled] = useState(defaultValue)
   const value = providedValue ?? uncontrolled ?? 50
-  const ref = useRef<ComponentInternals>(null)
+  const ref = useRef<ComponentInternals<ContainerProperties>>(null)
   const onChange = useRef(onValueChange)
   onChange.current = onValueChange
   const hasProvidedValue = providedValue != null

diff --git a/packages/kits/default/slider.tsx b/packages/kits/default/slider.tsx
@@ -1,4 +1,4 @@
-import { Container, ComponentInternals } from '@react-three/uikit'
+import { Container, ComponentInternals, ContainerProperties } from '@react-three/uikit'
 import { colors } from './theme'
 import React, { ComponentPropsWithoutRef, useMemo, useRef, useState } from 'react'
 import { EventHandlers, ThreeEvent } from '@react-three/fiber/dist/declarations/src/core/events.js'
@@ -28,7 +28,7 @@ export function Slider({
   const value = providedValue ?? uncontrolled ?? 50
   const range = max - min
   const percentage = `${(100 * value) / range}%` as const
-  const ref = useRef<ComponentInternals>(null)
+  const ref = useRef<ComponentInternals<ContainerProperties>>(null)
   const onChange = useRef(onValueChange)
   onChange.current = onValueChange
   const hasProvidedValue = providedValue != null