react chart library nivo stream custom gradient

keys={["celeb", "general"]}
defs={[
  linearGradientDef("gradientA", [
    { offset: 0, color: "#ff8000" },
    { offset: 100, color: "#f9b917", opacity: 0 },
  ]),
  linearGradientDef(
    "gradientB",
    [
      { offset: 0, color: "#222" },
      { offset: 100, color: "#22222250" },
    ],
    {
      gradientTransform: "rotate(90 0.5 0.5)",
    }
  ),
]}
fill={[
  { match: { id: "general" }, id: "gradientA" },
  { match: { id: "celeb" }, id: "gradientB" },
]}