diff --git a/services/web/frontend/js/shared/hooks/user-channel/use-ref-providers.ts b/services/web/frontend/js/shared/hooks/user-channel/use-ref-providers.ts
new file mode 100644
index 0000000000..31450cbad7
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/user-channel/use-ref-providers.ts
@@ -0,0 +1,19 @@
+import { useCallback, useState } from 'react'
+import { useUserContext } from '@/shared/context/user-context'
+import { useReceiveUser } from './use-receive-user'
+import { User } from '../../../../../types/user'
+
+export const useRefProviders = (): User['refProviders'] => {
+  const user = useUserContext()
+  const [refProviders, setRefProviders] = useState(user.refProviders)
+
+  useReceiveUser(
+    useCallback(data => {
+      if (data?.refProviders) {
+        setRefProviders(data.refProviders)
+      }
+    }, [])
+  )
+
+  return refProviders
+}