Uncaught TypeError: io is not a function

I am using Laravel echo like so in my bootstrap.js

import Echo from 'laravel-echo';

window.Echo = new Echo({
    broadcaster: 'socket.io',
    host: 'http://localhost:3000',
});

I am using Laravel’s inbuilt webpack to transpile my JS. And I am getting this on my console:

app.js:6604 Uncaught TypeError: io is not a function
    at SocketIoConnector.connect (app.js:6604)
    at SocketIoConnector.Connector (app.js:6172)
    at new SocketIoConnector (app.js:6594)
    at new Echo (app.js:6691)
    at Object../resources/assets/js/bootstrap.js (app.js:66564)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at Object../resources/assets/js/app.js (app.js:66448)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)

I can’t find in the documentation on how can I import io into Echo. Any ideas?

[AndrewMast]

(Just so the question is explicitly answered…)

io must be a function:

import Echo from 'laravel-echo';

window.io = require('socket.io-client');

window.Echo = new Echo({
    broadcaster: 'socket.io',
    host: 'http://localhost:3000',
});

or you must provide a client:

import Echo from 'laravel-echo';

window.Echo = new Echo({
    broadcaster: 'socket.io',
    client: require('socket.io-client'),
    host: 'http://localhost:3000',
});

[connectkushal]

@AndrewMast cool, thanks for the code snippet 😃