Cannot connect to Redis in Docker

I try to connect to Redis from my backend, but I keep getting the following error:

...
api-1    | [ioredis] Unhandled error event: Error: getaddrinfo ENOTFOUND undefined
api-1    |     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:71:26)
api-1    | [ioredis] Unhandled error event: Error: getaddrinfo ENOTFOUND undefined
api-1    |     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:71:26)
...

Here is how I config my redis client:

import Redis from "ioredis";

export const redisConfig = () => {
  if (process.env.NODE_ENV === "production") {
    return `redis://${process.env.REDIS_HOST}:${process.env.REDIS_PORT}`;
  }
  return "";
};

const redisCli = new Redis(redisConfig());

export default redisCli;

And this is my dockerfile:

# ---- Dependencies ---- 

FROM node:16-alpine AS base

# minimize image size
RUN apk add --no-cache libc6-compat 

RUN npm install -g npm@latest

WORKDIR /app

COPY ./package*.json ./

RUN npm ci


# ---- Builder ---- 

FROM node:16-alpine AS builder

RUN npm install -g npm@latest

WORKDIR /app

COPY --from=base /app/node_modules ./node_modules

COPY ./src ./src

COPY package*.json tsconfig.json webpack.config.ts ./

RUN npm run build


# ---- Release ---- 

FROM node:16 AS release

WORKDIR /app

# COPY ./prisma ./prisma 

# COPY ./.env ./

# COPY ./deployment ./deployment

COPY --from=builder /app/dist ./dist
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./

# RUN npx prisma generate

RUN npm install pm2 -g 

EXPOSE 3000

This one is the docker-compose.yml:

version: "3"

services:
  api:
    build: ./

    depends_on:
      - redis

    links:
      - redis

    command: sh -c "node dist/server.js"

    environment:
      - REDIS_HOST=redis
      - REDIS_PORT=6379
      - NODE_ENV=production

    ports:
      - 3000:3000

  redis:
    image: "redis:latest"

I have specified the links in docker-compose, but still receiving the same error.
How can I fix the error? Thanks for any help!!