Debug label not set in vite

[Manuel Schiller]

In vite, process is not defined (though process.env.NODE_ENV is working) and thus thetypeof process !== "undefined" check fails in

https://github.com/jaredLunde/form-atoms/blob/727c25073a912188251ace8bc2f08dbfae84188a/src/index.tsx#L372C7-L372C37

https://github.com/jaredLunde/form-atoms/blob/727c25073a912188251ace8bc2f08dbfae84188a/src/index.tsx#L714C7-L714C37

So in the Jotai DevTools, all form/field atoms are unlabeled:

[MiroslavPetrik]

As a quick fix you can update your vite config:

import { defineConfig } from 'vite'
// ...
export default defineConfig({
  // ...
  define: {
    'process.env': {}
  }
})

But maybe we should update the check to use the import.meta.env.MODE instead
https://vitejs.dev/guide/env-and-mode.html

[Manuel Schiller]

Thanks for the workaround!

But maybe we should update the check to use the import.meta.env.MODE instead https://vitejs.dev/guide/env-and-mode.html

This would then only work in vite... which is fine for but maybe not for other users of this library :D

[Jared Lunde]

I'm not willing to create a special check for every bundler that pops up in node. The process check is fairly standard in node libraries including React.