From 56f0e4494096c76d8ad637e714a2b1515e0d7b9c Mon Sep 17 00:00:00 2001
From: Jonathan Picques <jonathan.picques@gmail.com>
Date: Sat, 10 Oct 2020 17:33:22 +0200
Subject: [PATCH] fix(sankey): Fix issue with gradient and parentheses in IDs
 (#1152)

Closes https://github.com/plouc/nivo/issues/1150
---
 packages/sankey/src/SankeyLinksItem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/sankey/src/SankeyLinksItem.js b/packages/sankey/src/SankeyLinksItem.js
index aeeaed0494..e432735eb1 100644
--- a/packages/sankey/src/SankeyLinksItem.js
+++ b/packages/sankey/src/SankeyLinksItem.js
@@ -129,7 +129,7 @@ const SankeyLinksItem = ({
                 />
             )}
             <animated.path
-                fill={enableGradient ? `url(#${encodeURI(linkId)})` : animatedProps.color}
+                fill={enableGradient ? `url("#${encodeURI(linkId)}")` : animatedProps.color}
                 d={animatedProps.path}
                 fillOpacity={animatedProps.opacity}
                 onMouseEnter={isInteractive ? handleMouseEnter : undefined}