Problem with jQuery in my Twitch.tv app

The CodePen link is: https://codepen.io/glennqhurd/pen/XVbyxE

I’m importing the same class files for jQuery/Bootstrap that I imported in other projects but for some unknown reason it gives me this error:

Uncaught ReferenceError: jQuery is not defined
at jquery-ui.min.js:6
at jquery-ui.min.js:6

Then it gives this error: Uncaught TypeError: Cannot read property ‘logo’ of undefined
at pen.js:107
at dispatch (jquery.js:4430)
at r.handle (jquery.js:4116)

The second error occurs when I call the jQuery line:

$(window).load(function() {
  
  $("#logo").attr("src", twitch_JSON.stream.logo);
});

It wasn’t doing this on other projects I’ve done so far so I’m at a loss. Any help would be appreciated.

You have to change the order of your imports. jQuery must go before jQuery-ui.