Just add the dependency...

Signed-off-by: Andrew Haines <[email protected]>

Author: haines

packages/react/package.json

@@ -46,10 +46,11 @@
     "React"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0"
+    "react": ">=16.13.0"
   },
   "dependencies": {
-    "@cerbos/core": "^0.16.0"
+    "@cerbos/core": "^0.16.0",
+    "use-deep-compare-effect": "^1.8.1"
   },
   "devDependencies": {
     "@types/react": "18.2.67",

packages/react/src/cerbos-provider.tsx

@@ -6,8 +6,7 @@ import type {
 } from "@cerbos/core";
 import type { ReactElement, ReactNode } from "react";
 import { createContext, useMemo } from "react";
-
-import { useDeepEqualMemo } from "./use-deep-equal-memo";
+import { useDeepCompareMemoize } from "use-deep-compare-effect";
 
 export const CerbosContext = createContext<ClientWithPrincipal | undefined>(
   undefined,
@@ -65,8 +64,8 @@ export function CerbosProvider({
   principal,
   auxData,
 }: CerbosProviderProps): ReactElement {
-  const principalMemo = useDeepEqualMemo(principal);
-  const auxDataMemo = useDeepEqualMemo(auxData);
+  const principalMemo = useDeepCompareMemoize(principal);
+  const auxDataMemo = useDeepCompareMemoize(auxData);
 
   const value = useMemo(
     () => client.withPrincipal(principalMemo, auxDataMemo),

packages/react/src/deep-equal.ts

@@ -8,9 +8,9 @@ import type {
   RequestOptions,
 } from "@cerbos/core";
 import { useCallback, useEffect, useState } from "react";
+import { useDeepCompareMemoize } from "use-deep-compare-effect";
 
 import { useCerbos } from "./use-cerbos";
-import { useDeepEqualMemo } from "./use-deep-equal-memo";
 
 /**
  * @public
@@ -35,7 +35,7 @@ function useCerbosRequest<Method extends Methods>(
   const [error, setError] = useState<Error>();
 
   const client = useCerbos();
-  const paramsMemo = useDeepEqualMemo(params);
+  const paramsMemo = useDeepCompareMemoize(params);
 
   const load = useCallback<() => Promise<Result<Method>>>(
     // @ts-expect-error -- https://github.com/microsoft/TypeScript/issues/30581