getClientIPAddress() is returning null

[Azasratruth]

I'm using usual loader in a route.

export const loader: LoaderFunction = async ({ request }) => {
      const userIp = getClientIPAddress(request) 
      ...
}

getClientIPAddress(request.headers) is returning null

Here's the contents of request.header:

{
  accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7',
  'accept-encoding': 'gzip, deflate, br',       
  'accept-language': 'en-US,en;q=0.9',
  'cache-control': 'max-age=0',
  connection: 'keep-alive',
  cookie: 'username-localhost-8888="2|1:0|10:1691466041|23:username-localhost-8888|44:ZjZlODU3NzViZjMwNDhhZDhlZWFmNTZmN2Q2Y2Q1ZDY=|50317e64e650418979b76366c9085404c661dbfc6e94723adaa709b86cafc7c4"; _xsrf=2|c6f009ee|7d269b8be57a6194d2b30bf03d1b0f04|1691466041; RJ_session=eyJwcmV2aW91c1BhZ2VVcmwiOiIvdXNlci9tYXRvbi8iLCJ1c2VySWQiOiI3MWJlMjIzNC00YzViLTRmYTQtOTlkMC0wODYzOGUxODkxYWQifQ%3D%3D.xucfH8QqMeIY2lEihn%2FrJ23mQSmFltUnilHsCm%2FPGmQ',
  dnt: '1',
  host: 'localhost:3000',
  referer: 'http://localhost:3000/maton',       
  'sec-ch-ua': '"Not.A/Brand";v="8", "Chromium";v="114", "Opera GX";v="100"',
  'sec-ch-ua-mobile': '?0',
  'sec-ch-ua-platform': 
'"Windows"',
  'sec-fetch-dest': 'document',
  'sec-fetch-mode': 'navigate',
  'sec-fetch-site': 'same-origin',
  'sec-gpc': '1',       
  'upgrade-insecure-requests': '1',
  'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 OPR/100.0.0.0' 
}

I started with the remix-mantine template, currently have:

remix-run/node: "^1.7.0",
remix-run/react: "^1.7.0",
remix-run/serve: "^1.7.0",
remix-utils: "^6.6.0",

This is the entry.server file:
https://github.com/mantinedev/remix-template/blob/master/app/entry.server.tsx

Can't figure out the issue. Any help would be appreciated.

[sergiodxa]

None of the headers used to find out the client IP address is on your request, in that case getClientIPAddress will return null because it couldn't find it.

Those headers are usually added by CDNs, your deployment platform, or another proxy, so in local you either need to run one yourself (e.g. NGINX) or use a fallback only for development.

This is the full list of headers

remix-utils/src/server/get-client-ip-address.ts

Lines 8 to 23 in a2324ac

	const headerNames = Object.freeze([
	"X-Client-IP",
	"X-Forwarded-For",
	"HTTP-X-Forwarded-For",
	"Fly-Client-IP",
	"CF-Connecting-IP",
	"Fastly-Client-Ip",
	"True-Client-Ip",
	"X-Real-IP",
	"X-Cluster-Client-IP",
	"X-Forwarded",
	"Forwarded-For",
	"Forwarded",
	"DO-Connecting-IP" /** Digital ocean app platform */,
	"oxygen-buyer-ip" /** Shopify oxygen platform */,
	] as const);

[Azasratruth]

Found the deployment provider's headers. Thanks.