process not defined

What version of Remix are you using?

1.3.5

Steps to Reproduce

use process inside a component like below:

function Component() {
    return (
        <div>
            {process.env.DOMAIN === "example.com" ? "Is main domain" : "Not main domain"}
        </div>
    )
}

Expected Behavior

Should be work as it work before

Actual Behavior

Somehow it start throwing process is not defined

[chang-ryan]

i get this problem when trying to import another package.

for example

import { PaperSDKProvider, LoginWithPaper } from "@paperxyz/react-client-sdk";

this is a package that uses process in its code. and it’s breaking when using npm run dev with remix

any ideas on how to workaround this? can we put a process into global vars for the client side? is there any way in remix to inject a process.env var globally into client side just to fake it.

i assume any other client sided packages/dependencies that have process.env references in its source will break as well in remix then

[sergiodxa]

@brightpixels process.env only works server-side (it’s a Node thing) with the exception of process.env.NODE_ENV which is hardcoded on build, for any other env variable use the loader to read the value and return it.

This is documented here https://remix.run/docs/en/v1/guides/envvars