Potential fix for ws issue

package.json

@@ -2,7 +2,7 @@
 	"name": "remix-development-tools",
 	"description": "Remix development tools - a set of tools for developing/debugging Remix.run apps",
 	"author": "Alem Tuzlak",
-	"version": "4.7.6",
+	"version": "4.7.7",
 	"license": "MIT",
 	"keywords": [
 		"remix",

src/client/components/NewRouteForm.tsx

@@ -30,7 +30,7 @@ const DEFAULT_VALUES = {
 
 const NewRouteForm = () => {
 	const { sendJsonMessage } = useRemixForgeSocket({
-		onMessage: (e) => {
+		onMessage: (e: { data: any }) => {
 			const messageData = e.data
 			if (messageData.type === "route_added") {
 				setNewRouteInfo(DEFAULT_VALUES)

src/client/hooks/useRemixForgeSocket.ts

@@ -1,22 +1,29 @@
 import { useState } from "react"
-import { type Options, ReadyState } from "react-use-websocket"
 import useWebSocket from "react-use-websocket"
+
+enum ReadyState {
+	UNINSTANTIATED = -1,
+	CONNECTING = 0,
+	OPEN = 1,
+	CLOSING = 2,
+	CLOSED = 3,
+}
 import { useSettingsContext, useTerminalContext } from "../context/useRDTContext.js"
 
 const RETRY_COUNT = 2
 
-export const useRemixForgeSocket = (options?: Options) => {
+export const useRemixForgeSocket = (options?: any) => {
 	const { settings, setSettings } = useSettingsContext()
 	const { terminals, toggleTerminalLock, setProcessId } = useTerminalContext()
 	const { shouldConnectWithForge, port } = settings
 	const [retryCount, setRetryCount] = useState(0)
-	const opts: Options = {
+	const opts: any = {
 		...options,
 		share: true,
 		shouldReconnect: () => true,
 		reconnectAttempts: RETRY_COUNT,
 		reconnectInterval: 0,
-		onClose: (e) => {
+		onClose: (e: any) => {
 			// connection closed by remix forge
 			if (e.code === 1005) {
 				setSettings({ shouldConnectWithForge: false })
@@ -56,7 +63,7 @@ interface RemixForgeMessage extends Record<string, unknown> {
 	data?: string
 }
 
-export const useRemixForgeSocketExternal = (options?: Options) => {
+export const useRemixForgeSocketExternal = (options?: any) => {
 	const { sendJsonMessage, ...rest } = useRemixForgeSocket(options)
 	const sendJsonMessageExternal = (message: RemixForgeMessage) => {
 		sendJsonMessage({ ...message, type: "plugin" })

src/client/tabs/TerminalTab.tsx

@@ -39,7 +39,7 @@ const Terminal = ({ onClose, terminal, projectCommands }: TerminalProps) => {
 	}, [terminal.output])
 
 	const { sendJsonMessage } = useRemixForgeSocket({
-		onMessage: (message) => {
+		onMessage: (message: any) => {
 			try {
 				const data = JSON.parse(message.data)
 				// Check if command was sent from this terminal
@@ -149,7 +149,7 @@ const TerminalTab = () => {
 	const { terminals, addOrRemoveTerminal } = useTerminalContext()
 	const [projectCommands, setProjectCommands] = useState<Record<string, string>>()
 	const { sendJsonMessage } = useRemixForgeSocket({
-		onMessage: (message) => {
+		onMessage: (message: any) => {
 			try {
 				const data = JSON.parse(message.data)
 				if (data.type === "commands") {