jquery gridster reaccionar componente - javascript, reactjs, gridster

Estoy tratando de envolver jquery.gridster como un componente de reacción y obtengo un error.

"Error de tipo no capturado: (0, _jquery2.default) (...). Gridster no es una función"

import $ from "jquery";
componentDidMount() {
var gridster = $(ReactDOM.findDOMNode(this)).gridster({
widget_margins: [5, 5],
widget_base_dimensions: [150, 150],
resize: {
enabled: true
}
}).data("gridster");
}

He agregado etiquetas de script a index.html

<script type="text/javascript" src="assets/jquery.js"></script>
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>

No estoy seguro de si esta es la forma correcta, no estoy seguro de cómo importar gridster. ¿Alguien ha intentado esto antes?

Respuestas

Estoy bien con

import $ from "jquery"
import gridster from "gridster/dist/jquery.gridster"

y en mi webpack config

plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})

]