How do I add a filter to the root svg element?

[philipbeber]

For example I would like to add this filter:

<filter id="blurMe">
  <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
</filter>

so that I can blur a path element created by a VictoryArea component. Here's a simple example of the rest of the code:

const data = [
  { x: 1, y: 0, y0: 0 },
  { x: 2, y: 110, y0: 132 },
  { x: 3, y: 220, y0: 253 },
  { x: 4, y: 330, y0: 390 },
  { x: 5, y: 430, y0: 500 },
  { x: 6, y: 530, y0: 640 },
  { x: 7, y: 620, y0: 760 },
  { x: 8, y: 710, y0: 850 },
  { x: 9, y: 800, y0: 960 },
  { x: 10, y: 900, y0: 1080 },
  { x: 11, y: 1000, y0: 1200 },
  { x: 12, y: 1100, y0: 1320 },
];

      <VictoryChart width={350} theme={VictoryTheme.material}>
        <VictoryArea
          data={data}
          style={{
            data: {
              fill: 'rgba(147, 185, 184, 0.5)',
              stroke: 'none',
              filter: 'url(#blurMe)',
            },
            labels: { fontSize: 12 },
            parent: { border: '1px solid #ccc' },
          }}
        />
      </VictoryChart>

Thanks!
Phil