Create a useFlags hook that enumerates all flags

[damiangreen]

Describe the feature request

Describe the feature request

We would like to report in the UI a dynamic list of all flags used
Currently we'd need to do something along the lines of

Background

const testEnabled= useFlag('rmm-test')
const test2Enabled= useFlag('rmm-test2)

const test3Enabled= useFlag('rmm-test3)

And im not sure its possibly to iterate through an array and dynamically make hooks.

Solution suggestions

whereas ideally it'd be good to return an array or record of key value pairs

const allFlags = useFlags() // {rmm-test1:true,...}

It appears

 const client = useUnleashClient()
  const a = client.getAllToggles()

does something similar so perhaps the hook can just call getAllToggles

Background

No response

Solution suggestions

No response

[Tymek]

For disabled toggles we will need Unleash/unleash-proxy#97

[elisechant]

Yeah a convenience like this with any checks/types etc would be good:

import { useUnleashClient } from '@unleash/proxy-client-react';

export const useFlags = () => {
  const client = useUnleashClient();
  return {
    getFlags: () => client.getAllToggles(),
  };
};