Using svg-pan-zoom from es6 with webpack

Question

How can I use svg-pan-zoom from es6 with webpack? I tried something like this:

import {svgPanZoom} from '../node_modules/svg-pan-zoom/src/svg-pan-zoom.js;

But svgPanZoom is undefined. I also tried simply:

import * as svg_pan_zoom from 'svg-pan-zoom';

But then svg-pan-zoom was set to {};

Answer 1

The solution was:

import svgPanZoom from "svg-pan-zoom/src/svg-pan-zoom.js";