if (!state.connected) { try { const ws = new WebSocket("ws://localhost:8545"); ws.onopen = () => { console.log("🟢 Connected to local WS"); State.update({ connected: true }); }; ws.onmessage = (e) => { console.log("📩 Message:", e.data); State.update({ msg: e.data }); }; ws.onerror = () => { console.log("❌ Connection error"); }; } catch (e) { console.log("⚠ Exception:", e.message); } } return ( <div> <p>Status: {state.connected ? "🟢 Connected" : "🔴 Not connected"}</p> {state.msg && <p>Message: {state.msg}</p>} </div> );