Have you tried making connection a module global?

I wonder if the connection is being disposed once the App component has finished setup.

Have you tried making connection a module global?

I wonder if the connection is being disposed once the App component has finished setup.

import { isServer } from "solid-js/web";

let connection;

if (!isServer) {
  connection = new WebSocket("ws://localhost:3000/ws");
  connection.onopen = () => {
    console.log("OPENED");
  };
  connection.onmessage = (e) => {
    console.log(JSON.stringify(e.data));
  };
}

export default function App() {
  console.log(connection);
  setTimeout(() => {
    console.log(connection);
  }, 2000);
  return <main>Some content</main>;
}

import { isServer } from "solid-js/web";

let connection;

if (!isServer) {
  connection = new WebSocket("ws://localhost:3000/ws");
  connection.onopen = () => {
    console.log("OPENED");
  };
  connection.onmessage = (e) => {
    console.log(JSON.stringify(e.data));
  };
}

export default function App() {
  console.log(connection);
  setTimeout(() => {
    console.log(connection);
  }, 2000);
  return <main>Some content</main>;
}