How do I create a SharedWorker that is actually ... shared?

[dmateertf]

I am creating a SharedWorker in my app like the following:

const worker = new SharedWorker(new URL('./externalContextServiceWorker.js', import.meta.url), {
  name: 'external-context-service-worker',
});

I also changed the Vite config to not include the hash in the name of the asset:

worker: {
  rollupOptions: {
    output: {
      entryFileNames: 'assets/[name].js',
    },
  },
},

Nonetheless, if I run two instances of the app in separate tabs, they are creating their own SharedWorker instances. I can confirm this by going to chrome://inspect/#workers

Is there some trick I am missing? Any help is much appreciated.