Let's say I have an enum:

export const definitions = Object.freeze({
  one: "one",
  two: "two",
  three: "three",
  ...more
});

I'm creating a react hook that I want to get the keys from the definitions and assign a string to them. e.g an object might look like this:

{
one: "foo",
two: "bar,
three: "foobar",
}

But I want to be able to iterate through the keys of definitions and assign a string without having to explicitly type one, two three. Then I can destruct the hook in a component to get the values i want.

e.g

const { two, three } = useDefinitions();

What would the flow type be for the useDefinitions

I thought it would be as simple as:

type DefinitionsType = $Keys<typeof definitions>;
type Type = {
  [DefinitionsType]: string,
};

But it's never inferring the type in my component. I want it to know that the object can only be the vales from the definitions enum..