process.env.DRAGGABLE_DEBUG referenced in browser bundle (v4.6.0)

[lukasbash]

Version: 4.6.0
Environment: Browser (Vite / any non-webpack bundler)

Problem

build/cjs/chunk-D5BXCJ5G.mjs (and build/cjs/Draggable.js) ship a raw process.env.DRAGGABLE_DEBUG reference that is never replaced at build time:

// log.ts → chunk-D5BXCJ5G.mjs:343
if (process.env.DRAGGABLE_DEBUG) console.log(...args);

process is a Node.js global. Bundlers like Vite do not inject it into browser bundles, so any app that imports react-draggable crashes on load with:

ReferenceError: process is not defined
    at log (chunk-D5BXCJ5G.mjs:343)
    at getDerivedStateFromProps (chunk-D5BXCJ5G.mjs:759)
    ...

This is a regression — prior releases did not reference process.env in the browser bundle.

Expected behaviour

The published browser bundle should not reference process.env. Either:

• replace the reference at build time (e.g. if (false) in the dist), or
• use typeof process !== 'undefined' && process.env.DRAGGABLE_DEBUG as a guard.

Workaround

Add a define entry in vite.config.ts to stub the variable:

define: {
  "process.env.DRAGGABLE_DEBUG": JSON.stringify(process.env.DRAGGABLE_DEBUG ?? false),
},

This is a consumer-side workaround and should not be required.

[yslpn]

Confirmed this in a Rsbuild/Rspack browser bundle via react-resizable@3.0.4 -> react-draggable@4.6.0.

Runtime error on first resize mousedown:

Uncaught ReferenceError: process is not defined
    at log (Draggable.js:378)
    at DraggableCore.handleDragStart (Draggable.js:422)
    at DraggableCore.onMouseDown (Draggable.js:491)

Rspack injects/replaces process.env.NODE_ENV by default, but it does not provide a browser process global and does not replace arbitrary env keys like process.env.DRAGGABLE_DEBUG unless configured explicitly.

Local workaround in Rsbuild:

export default defineConfig({
  source: {
    define: {
      "process.env.DRAGGABLE_DEBUG": JSON.stringify(false),
    },
  },
});

That removes the browser runtime reference. An upstream fix could guard the debug flag with typeof process !== "undefined" or compile this debug branch out by default.

[floriancargoet]

Still here in 4.7.0.

[kaifeiji]

Same error confirmed in a Webpack bundle with react-draggable@4.6.0 and 4.7.0.
Webpack workaround:

    new webpack.DefinePlugin({
      'process.env.DRAGGABLE_DEBUG': JSON.stringify(false)
    })

[jjhupup]

I hope the author can fix this issue as soon as possible. If you don't want to invade the Vite configuration, you have to lower the version

[xfournet]

PR #810 submitted