Fixed transitions failing

package-lock.json

@@ -1741,12 +1741,14 @@
     "@types/d3-selection": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-1.4.1.tgz",
-      "integrity": "sha512-bv8IfFYo/xG6dxri9OwDnK3yCagYPeRIjTlrcdYJSx+FDWlCeBDepIHUpqROmhPtZ53jyna0aUajZRk0I3rXNA=="
+      "integrity": "sha512-bv8IfFYo/xG6dxri9OwDnK3yCagYPeRIjTlrcdYJSx+FDWlCeBDepIHUpqROmhPtZ53jyna0aUajZRk0I3rXNA==",
+      "dev": true
     },
     "@types/d3-transition": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-1.1.6.tgz",
       "integrity": "sha512-/F+O2r4oz4G9ATIH3cuSCMGphAnl7VDx7SbENEK0NlI/FE8Jx2oiIrv0uTrpg7yF/AmuWbqp7AGdEHAPIh24Gg==",
+      "dev": true,
       "requires": {
         "@types/d3-selection": "*"
       }
@@ -15908,9 +15910,9 @@
       "dev": true
     },
     "topola": {
-      "version": "3.1.0",
+      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/topola/-/topola-3.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/topola/-/topola-3.1.1.tgz",
-      "integrity": "sha512-I88yCbmBIx4osgbtSOiqEsbvuiidajPHEGQaa6omgAnAESUDJKiRkFb7q2a+TjYKXQonEPN1qLv7WFynpNQWkQ==",
+      "integrity": "sha512-oZ4cDhJvbRPkIPCzqab1EwCgzNGAtwdnM1Wg7i5pqs6rjJ8DM7tXKo1GKHc1RcAfnLNGEmcBoZf0G99Bcszu6Q==",
       "requires": {
         "array-flat-polyfill": "^1.0.1",
         "d3-array": "^2.4.0",

package.json

@@ -28,7 +28,7 @@
     "react-router-dom": "^4.3.1",
     "semantic-ui-css": "^2.4.1",
     "semantic-ui-react": "^0.84.0",
-    "topola": "^3.0.4"
+    "topola": "^3.1.1"
   },
   "devDependencies": {
     "@types/array.prototype.flatmap": "^1.2.0",

src/chart.tsx

@@ -7,6 +7,7 @@ import {max, min} from 'd3-array';
 import {Responsive} from 'semantic-ui-react';
 import {saveAs} from 'file-saver';
 import {zoom, ZoomBehavior, zoomTransform} from 'd3-zoom';
+import 'd3-transition';
 import {
   JsonGedcomData,
   ChartHandle,