getting 'ReferenceError: $ is not defined' in react class

[sud0bug]

I tried to implement formulize as shown below

import React, { Component } from 'react';
import { UI } from 'formulize';

export default class FormulaBuilder extends Component {

    componentDidMount() {
        const target = document.getElementById('rule-action-formulize');
        const formulize = new UI(target, {
            // ...options
        });

        const data = {
            operator: '*',
            operand1: { value: { type: 'unit', unit: 1 } },
            operand2: { value: { type: 'unit', unit: 2 } }
        };

        formulize.setData(data);
    }

    render() {
        return <div id="rule-action-formulize" />
    }

}

But I am getting following error

ReferenceError: $ is not defined[Learn More] formulize.umd.js:2168

[ciponthenet]

I've got the same issue with Vuejs.

[xukeek]

@ciponthenet https://maketips.net/tip/223/how-to-include-jquery-into-vuejs