ResponsiveOrdinalFrame key warning when using custom annotation

[niwsa]

Check the render method of `AnnotationLayer`. See https://fb.me/react-warning-keys for more information.
    in g (at Donut.semiotic.jsx:44)
    in AnnotationLayer (created by Frame)
    in div (created by _default)
    in _default (created by Frame)
    in div (created by _default)
    in _default (created by Frame)
    in Frame (created by OrdinalFrame)
    in OrdinalFrame (created by ResponsiveOrdinalFrame)
    in div (created by ResponsiveOrdinalFrame)

I am using svgAnnotationRules as shown below

svgAnnotationRules={d => {
          console.log(d);
          // Catch annotation with type="r"
          if (d.d.type === "custom") {
            return (
              <g
                fontSize="12"
                textAnchor="middle"
                fontWeight="bold"
                fill={"pink"}
                transform={`translate(${d.adjustedSize[0] / 2}
                 ${d.adjustedSize[0] / 2})`}
              >
                <text>{d.d.note.title}</text>
              </g>
            );
          }

          return null;
}}

[emeeks]

Sorry I didn't respond to this earlier. You can send the a key property to your <g> and that will stop it from complaining. Custom annotations aren't wrapped in anything so there's no way for me to give them unique keys or know what might be in conflict with other keys. Also if I ignore your issue in the future feel free to ping me, I just didn't see it, this should not have taken three months to respond.