# CroctContext

Learn about the Hydrogen load context exposed to your loaders and actions.

This type describes the Hydrogen load context, the `context` argument every loader, action, and the `server.ts` fetch handler receive. It works the same on both the [React Router 7](https://reactrouter.com) and [Remix](https://remix.run) setups.

The SDK reads the [Oxygen](https://shopify.dev/docs/storefronts/headless/hydrogen/deployments/oxygen-runtime) environment from `env` and the per-request visitor context from `croct`.

## Definition

The type has the following shape:

```ts
type CroctContext = {
  env: unknown,
  croct?: RequestContext,
};
```

## Properties

The following list describes the properties:

- `env`: `unknown`

  The Oxygen environment bindings for the current request.

- `croct`: `RequestContext` (optional)

  The per-request [visitor context](/reference/sdk/hydrogen/api/types/request-context) resolved by the SDK.

  It is set by the [middleware](/reference/sdk/hydrogen/api/setup/create-croct-middleware) on React Router 7, or by the [context helper](/reference/sdk/hydrogen/api/setup/create-croct-context) on Remix, and is absent until one of them runs.