diff --git a/packages/sui-consents/package.json b/packages/sui-consents/package.json
index a37e72155..a9fed42f5 100644
--- a/packages/sui-consents/package.json
+++ b/packages/sui-consents/package.json
@@ -12,13 +12,13 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "@s-ui/react-context": "1",
+    "@s-ui/react-context": "typescript",
     "@testing-library/react": "11.2.5",
     "react": "17",
     "react-dom": "17"
   },
   "peerDependencies": {
-    "@s-ui/react-context": "1",
+    "@s-ui/react-context": "typescript",
     "react": "16 || 17"
   }
 }
diff --git a/packages/sui-consents/src/useUserConsents.ts b/packages/sui-consents/src/useUserConsents.ts
index c4a70d0e3..d088d58f8 100644
--- a/packages/sui-consents/src/useUserConsents.ts
+++ b/packages/sui-consents/src/useUserConsents.ts
@@ -1,20 +1,20 @@
-import { useContext, useEffect, useState } from 'react'
+import {useContext, useEffect, useState} from 'react'
 
 import SUIContext from '@s-ui/react-context'
 
-import { TCF_VERSION, TCF_WINDOW_API } from './config'
+import {TCF_VERSION, TCF_WINDOW_API} from './config'
 import hasUserConsents from './hasUserConsents'
-import { EventStatus, Purpose } from './types'
+import {EventStatus, Purpose} from './types'
 
-export default function useUserConsents (requiredConsents: number[]): boolean {
+export default function useUserConsents(requiredConsents: number[]): boolean {
   /**
    * Consents acceptance state is inited based on the cookies from the
    * context, so we know the state of consents from the beginning, even
    * in SSR.
    */
-  const { cookies } = useContext(SUIContext)
+  const {cookies} = useContext(SUIContext)
   const [areConsentsAccepted, setAreConsentsAccepted] = useState(() =>
-    hasUserConsents({ requiredConsents, cookies })
+    hasUserConsents({requiredConsents, cookies})
   )
 
   /**
@@ -25,7 +25,13 @@ export default function useUserConsents (requiredConsents: number[]): boolean {
   useEffect(() => {
     const tcfApi = window[TCF_WINDOW_API]
     if (tcfApi !== undefined) {
-      const consentsListener = ({ eventStatus, purpose }: { eventStatus: EventStatus, purpose: Purpose}): void => {
+      const consentsListener = ({
+        eventStatus,
+        purpose
+      }: {
+        eventStatus: EventStatus
+        purpose: Purpose
+      }): void => {
         if (eventStatus !== EventStatus.USER_ACTION_COMPLETE) return
 
         setAreConsentsAccepted(