fix(clerk-react): Using wrong OrganizationCustomPermission type

Author: panteliselef

packages/react/src/contexts/AuthContext.ts

@@ -1,5 +1,5 @@
 import { createContextAndHook } from '@clerk/shared/react';
-import type { ActJWTClaim, MembershipRole, OrganizationCustomPermission } from '@clerk/types';
+import type { ActJWTClaim, MembershipRole, OrganizationCustomPermissionKey } from '@clerk/types';
 
 export const [AuthContext, useAuthContext] = createContextAndHook<{
   userId: string | null | undefined;
@@ -8,5 +8,5 @@ export const [AuthContext, useAuthContext] = createContextAndHook<{
   orgId: string | null | undefined;
   orgRole: MembershipRole | null | undefined;
   orgSlug: string | null | undefined;
-  orgPermissions: OrganizationCustomPermission[] | null | undefined;
+  orgPermissions: OrganizationCustomPermissionKey[] | null | undefined;
 }>('AuthContext');

packages/react/src/utils/deriveState.ts

@@ -2,7 +2,7 @@ import type {
   ActiveSessionResource,
   InitialState,
   MembershipRole,
-  OrganizationCustomPermission,
+  OrganizationCustomPermissionKey,
   OrganizationResource,
   Resources,
   UserResource,
@@ -23,7 +23,7 @@ const deriveFromSsrInitialState = (initialState: InitialState) => {
   const organization = initialState.organization as OrganizationResource;
   const orgId = initialState.orgId;
   const orgRole = initialState.orgRole as MembershipRole;
-  const orgPermissions = initialState.orgPermissions as OrganizationCustomPermission[];
+  const orgPermissions = initialState.orgPermissions as OrganizationCustomPermissionKey[];
   const orgSlug = initialState.orgSlug;
   const actor = initialState.actor;