'" Uncaught ReferenceError: io is not defined error " getting in reactjs app

I'm getting Uncaught ReferenceError: io is not defined error when running a reactjs app with the node-red ui builder backend. I've configured nodeserver in index.html but the error keeps getting thrown.

my index.html configuration.

<script src="http://localhost:1880/reactapp/socket.io/socket.io.js"></script>

Above nodered uibuilder server is up and running. And I've already installed the socket.io package.

The console is showing the following message.

uibuilderfe.js:411 Uncaught ReferenceError: io is not defined
    at Object.ioSetup (uibuilderfe.js:411:1)
    at Object.start (uibuilderfe.js:1635:1)
    at new UserData (UserData.js:18:1)
    at constructClassInstance (react-dom.development.js:13522:1)
    at updateClassComponent (react-dom.development.js:20497:1)
    at beginWork (react-dom.development.js:22440:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4161:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4210:1)
    at invokeGuardedCallback (react-dom.development.js:4274:1)
    at beginWork$1 (react-dom.development.js:27405:1)
node.jsreactjssocket.ionode-red


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions