Why can't I drag The Arduino setup/loop block over

I am trying to use CodeSkool because my daughter is more familiar with Sketch. I previously used the Arduino IDE to make sure it was working. Now once I have installed the CodeSkool image I can connect however when I try to pull the Arduino block over it won’t drag. I can drag the other types of blocks but for some reason it won’t let me drag that one. Any idea what I am doing wrong?

I am using an ESP32 board.

Also if I try to manually connect it never works but if I go to the ip and log in it says connected but it never shows connected in the IDE

I also see this in the logs…

Failed to load ‘https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?gsessionid=-qZ0mT6fua0F-GpLt0uLqTK7Hb-41IqmKRIeGqGFHbo&VER=8&database=projects%2Fcodeskool-cc%2Fdatabases%2F(default)&RID=rpc&SID=OZlEPRi-q1T9-zFEtkNJ_g&AID=0&CI=0&TYPE=xmlhttp&zx=lxuz73pmd70r&t=1’. A ServiceWorker intercepted the request and encountered an unexpected error. sw.js:1:587

Uncaught (in promise) DOMException: The operation is insecure.

e https://ide.codeskool.cc/lib.min.js:15918

onClick https://ide.codeskool.cc/lib.min.js:15918

Looks like it is an ssl issue when I open the connect window I see

lib.min.js:15918 Mixed Content: The page at ‘https://ide.codeskool.cc/’ was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint ‘ws://10.0.0.36/esp32blocks’. This request has been blocked; this endpoint must be available over WSS.

Trying with chrome and firefox

Arduino setup block is only for upload mode.

Firefox is not supported. In Chrome you have to allow insecure contents in the site settings for the websocket to work on the SSL website.