fix tests

.size-snapshot.json

@@ -1,18 +1,18 @@
 {
   "dist/index.umd.js": {
-    "bundled": 66132,
-    "minified": 23326,
-    "gzipped": 7037
+    "bundled": 51335,
+    "minified": 17586,
+    "gzipped": 5578
   },
   "dist/index.umd.min.js": {
-    "bundled": 31719,
-    "minified": 12888,
-    "gzipped": 4197
+    "bundled": 25434,
+    "minified": 9901,
+    "gzipped": 3388
   },
   "dist/index.esm.js": {
     "bundled": 11581,
     "minified": 6824,
-    "gzipped": 1882,
+    "gzipped": 1880,
     "treeshaked": {
       "rollup": {
         "code": 3796,

src/Popper.js

@@ -9,7 +9,7 @@ import PopperJS, {
 } from 'popper.js';
 import type { Style } from 'typed-styles';
 import { ManagerContext } from './Manager';
-import { safeInvoke, unwrapArray, setRef } from './utils';
+import { unwrapArray, setRef } from './utils';
 import { type Ref } from "./RefTypes";
 
 type ReferenceElement = ReferenceObject | HTMLElement | null;

src/Reference.js

@@ -24,7 +24,7 @@ class InnerReference extends React.Component<
   };
 
   componentWillUnmount() {
-    setRef(this.props.innerRef, node)
+    setRef(this.props.innerRef, null)
   }
 
   render() {

typings/react-popper.d.ts

@@ -7,7 +7,10 @@ interface ManagerProps {
 export class Manager extends React.Component<ManagerProps, {}> { }
 
 interface ReferenceChildrenProps {
-  ref: React.Ref<HTMLElement | SVGElement | null>;
+  // React refs are supposed to be contravariant (allows a more general type to be passed rather than a more specific one)
+  // However, Typescript currently can't infer that fact for refs
+  // See https://github.com/microsoft/TypeScript/issues/30748 for more information
+  ref: React.Ref<any>;
 }
 
 interface ReferenceProps {
@@ -17,23 +20,23 @@ interface ReferenceProps {
 export class Reference extends React.Component<ReferenceProps, {}> { }
 
 export interface PopperArrowProps {
-  ref: React.Ref<HTMLElement | SVGElement | null>;
+  ref: React.Ref<any>;
   style: React.CSSProperties;
 }
 
 export interface PopperChildrenProps {
   arrowProps: PopperArrowProps;
   outOfBoundaries: boolean | null;
   placement: PopperJS.Placement;
-  ref: React.Ref<HTMLElement | SVGElement | null>;
+  ref: React.Ref<any>;
   scheduleUpdate: () => void;
   style: React.CSSProperties;
 }
 
 export interface PopperProps {
   children: (props: PopperChildrenProps) => React.ReactNode;
   eventsEnabled?: boolean;
-  innerRef?: React.Ref<HTMLElement | SVGElement | null>;
+  innerRef?: React.Ref<any>;
   modifiers?: PopperJS.Modifiers;
   placement?: PopperJS.Placement;
   positionFixed?: boolean;