chore: cleanup

packages/animated/src/withAnimated.tsx

@@ -1,5 +1,12 @@
 import * as React from 'react'
-import { forwardRef, useRef, Ref, useCallback, useEffect } from 'react'
+import {
+  forwardRef,
+  useRef,
+  Ref,
+  useCallback,
+  useEffect,
+  MutableRefObject,
+} from 'react'
 import {
   is,
   each,
@@ -66,9 +73,11 @@ export const withAnimated = (Component: any, host: HostConfig) => {
 
     const observer = new PropsObserver(callback, deps)
 
-    const observerRef = useRef<PropsObserver>(null)
+    // NOTE: useRef is bugged as immutable in 18.3 types
+    const observerRef = useRef<PropsObserver>(
+      null
+    ) as MutableRefObject<PropsObserver | null>
     useIsomorphicLayoutEffect(() => {
-      // @ts-expect-error useRef immutable in 18.3 types
       observerRef.current = observer
 
       // Observe the latest dependencies.

packages/shared/src/hooks/useMemoOne.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState, MutableRefObject } from 'react'
 
 type Cache<T> = {
   inputs?: any[]
@@ -14,7 +14,8 @@ export function useMemoOne<T>(getResult: () => T, inputs?: any[]): T {
     })
   )
 
-  const committed = useRef<Cache<T>>(null)
+  // NOTE: useRef is bugged as immutable in 18.3 types
+  const committed = useRef<Cache<T>>(null) as MutableRefObject<Cache<T> | null>
   const prevCache = committed.current
 
   let cache = prevCache
@@ -33,7 +34,6 @@ export function useMemoOne<T>(getResult: () => T, inputs?: any[]): T {
   }
 
   useEffect(() => {
-    // @ts-expect-error useRef immutable in 18.3 types
     committed.current = cache
     if (prevCache == initial) {
       initial.inputs = initial.result = undefined