Slate-yjs - Firefox can’t establish a connection to the server at ws://127.0.0.1:1234/.

Verify canary release

[X] I verified that the issue exists in the latest Next.js canary release

Provide environment information

Hi,
there is an issue using slate-yjs in next@13.4.6.
When I try to connect with HocusPocusProvider to my hocus-pocus server the socket connects and disconnects immediately. The connection reach the server but somehow the socket hangs up.

The problem is that for the same code, it's working without any problem with vite but not on nextjs.

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue or a replay of the bug

To Reproduce


import { HocuspocusProvider } from '@hocuspocus/provider'
import React, {
    useEffect,
    useMemo,
   useState
} from 'react'

const [connected, setConnected] = useState(false)

const provider = useMemo(
        () =>
            new HocuspocusProvider({
                url: HOCUSPOCUS_ENDPOINT,
                name: 'slate-yjs-demo',
                onConnect: () => setConnected(true),
                onDisconnect: () => setConnected(false),
            }),
        []
    )

    useEffect(() => {
        if (typeof window !== 'undefined') {
            provider.connect()
        }
        console.log(provider)
    }, [])

### Describe the Bug

Here is the error:
Firefox can’t establish a connection to the server at ws://127.0.0.1:1234/.
I've got the same error on chrome
error Error: Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.

Here is the provider object after I've tried to connect:
{
  "callbacks": {
    "open": [
      null
    ],
    "message": [
      null
    ],
    "outgoingMessage": [
      null
    ],
    "synced": [
      null
    ],
    "destroy": [
      null
    ],
    "awarenessUpdate": [
      null
    ],
    "awarenessChange": [
      null
    ],
    "stateless": [
      null
    ],
    "authenticated": [
      null
    ],
    "authenticationFailed": [
      null
    ]
  },
  "configuration": {
    "name": "slate-yjs-demo",
    "document": {
      "_observers": {},
      "gc": true,
      "clientID": 3270281034,
      "guid": "db39bca1-1e67-4b69-aa2e-4fbf5d5e2acc",
      "collectionid": null,
      "share": {},
      "store": {
        "clients": {},
        "pendingStructs": null,
        "pendingDs": null
      },
      "_transaction": null,
      "_transactionCleanups": [],
      "subdocs": {},
      "_item": null,
      "shouldLoad": true,
      "autoLoad": false,
      "meta": null,
      "isLoaded": false,
      "isSynced": false,
      "whenLoaded": {},
      "whenSynced": {}
    },
    "awareness": {
      "_observers": {},
      "doc": {
        "_observers": {},
        "gc": true,
        "clientID": 3270281034,
        "guid": "db39bca1-1e67-4b69-aa2e-4fbf5d5e2acc",
        "collectionid": null,
        "share": {},
        "store": {
          "clients": {},
          "pendingStructs": null,
          "pendingDs": null
        },
        "_transaction": null,
        "_transactionCleanups": [],
        "subdocs": {},
        "_item": null,
        "shouldLoad": true,
        "autoLoad": false,
        "meta": null,
        "isLoaded": false,
        "isSynced": false,
        "whenLoaded": {},
        "whenSynced": {}
      },
      "clientID": 3270281034,
      "states": {},
      "meta": {},
      "_checkInterval": 579
    },
    "token": null,
    "parameters": {},
    "broadcast": true,
    "forceSyncInterval": false,
    "quiet": false,
    "websocketProvider": {
      "callbacks": {
        "open": [
          null,
          null,
          null,
          null
        ],
        "connect": [
          null,
          null,
          null
        ],
        "message": [
          null,
          null,
          null
        ],
        "outgoingMessage": [
          null
        ],
        "status": [
          null,
          null,
          null
        ],
        "disconnect": [
          null,
          null,
          null
        ],
        "close": [
          null,
          null,
          null,
          null,
          null
        ],
        "destroy": [
          null,
          null,
          null
        ],
        "awarenessUpdate": [
          null
        ],
        "awarenessChange": [
          null
        ]
      },
      "configuration": {
        "url": "ws://127.0.0.1:1234",
        "connect": true,
        "broadcast": true,
        "forceSyncInterval": false,
        "messageReconnectTimeout": 30000,
        "delay": 1000,
        "initialDelay": 0,
        "factor": 2,
        "maxAttempts": 0,
        "minDelay": 1000,
        "maxDelay": 30000,
        "jitter": true,
        "timeout": 0,
        "quiet": false
      },
      "subscribedToBroadcastChannel": false,
      "webSocket": {},
      "shouldConnect": true,
      "status": "connecting",
      "lastMessageReceived": 0,
      "intervals": {
        "forceSync": null,
        "connectionChecker": 578
      },
      "connectionAttempt": {},
      "receivedOnOpenPayload": {
        "isTrusted": true
      },
      "receivedOnStatusPayload": {
        "status": "connecting"
      }
    },
    "url": "ws://127.0.0.1:1234"
  },
  "subscribedToBroadcastChannel": false,
  "isSynced": false,
  "unsyncedChanges": 0,
  "status": "connecting",
  "isAuthenticated": false,
  "intervals": {
    "forceSync": null
  },
  "isConnected": true
}

### Expected Behavior

Connect to the hocus hocus server

### Which browser are you using? (if relevant)

Firefox 114.0.1 (64-bit), Chrome 114.0.5735.133 (Official Build) 

### How are you deploying your application? (if relevant)

next dev

vercel / next.js

Slate-yjs - Firefox can’t establish a connection to the server at ws://127.0.0.1:1234/. #51641

Verify canary release

Provide environment information

Which area(s) of Next.js are affected? (leave empty if unsure)

Link to the code that reproduces this issue or a replay of the bug

To Reproduce