Nivo: Migrate @nivo/bar to TypeScript

[plouc]

[keonik]

This might be unrelated and if so I'll make a new issue.

In the docs, you can use colorBy as a prop but in TypeScript it doesn't recognize the prop

Example

 <ResponsiveBar
                data={data}
                groupMode="grouped"
                reverse={reverse}
                maxValue={3}
                enableGridY={false}
                // @ts-ignore
                colorBy="indexValue"
                indexBy="id"
                colors={{ scheme: 'pastel1' }}
                role="figure"
            />

[wyze]

It should be just colors. colorBy was the old way so the docs will need updated.

[keonik]

Okay. Heads up the colorBy prop works.

I tried using colors like so

colors="indexValue"

and it turned everything black.

Gonna dig around in the type declarations/bar source code to see how to properly set it up. If you all want help rewriting some components to TypeScript I might be able to contribute

[wyze]

Not sure 100% what you are trying to achieve, but I think this is the same behavior. https://codesandbox.io/s/summer-cache-7f4bl

[keonik]

I was looking for that datum usage. Thank you @wyze