Websocket/Hot Reload Error

If you see a websocket or hot reload error when you load your app in Tempo use this guide to fix the problem.

If you are using Vite this is likely because you have a custom hmr configuration. E.g. in vite.config.js:

  server: {
    hmr: {
      host: "localhost",
      port: 3050,
      clientPort: 3050,
    },
  },

Change this to use the default if in tempo:

server: {
    hmr: {
      host: import.meta.env.TEMPO ? undefined : "localhost",
      port: import.meta.env.TEMPO ? undefined : 3050,
      clientPort: import.meta.env.TEMPO ? undefined : 3050,
    },
  },