[Django, Nextjs] set-cookie で値が設定されているにもかかわらずブラウザに設定されない

Question

いつも大変お世話になっております。

表題について質問です。
現在以下の環境下でログイン機能を実装しております。

環境

・Nextjs
・Django==4.0.1
・django-allauth==0.47.0
・dj-rest-auth==2.2.1
・django-cors-headers==3.10.1

REST APIです。
Signup は実装できました。

ただ、Loginした後にaccess_tokenなどは取得できたものの、
cookieに保存することができません。
response header は以下のようになっています。

Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: http://localhost:3000
Allow: POST, OPTIONS
Content-Length: 715
Content-Type: application/json
Cross-Origin-Opener-Policy: same-origin
Date: Mon, 10 Jan 2022 11:46:56 GMT
Referrer-Policy: same-origin
Server: WSGIServer/0.2 CPython/3.9.7
Set-Cookie: jwt-auth=〇〇; expires=Mon, 10 Jan 2022 12:46:56 GMT; HttpOnly; Max-Age=3600; Path=/; SameSite=None; Secure
Set-Cookie: csrftoken=〇〇; expires=Mon, 09 Jan 2023 11:46:56 GMT; Max-Age=31449600; Path=/; SameSite=None; Secure
Set-Cookie: sessionid=〇〇; expires=Mon, 24 Jan 2022 11:46:56 GMT; HttpOnly; Max-Age=1209600; Path=/; SameSite=None; Secure
Vary: Accept, Cookie, Origin
X-Content-Type-Options: nosniff
X-Frame-Options: DENY

なぜ、保存ができないのかわかりません。
助けてもらえると嬉しいです。

settings.py / Django

INSTALLED_APPS = [
    # …
    'corsheaders',
    # …
]

MIDDLEWARE = [
    # …
    'corsheaders.middleware.CorsMiddleware',
    # …
]

# *---------------------------*
#   CORS
# *---------------------------*
CORS_ALLOWED_ORIGINS = [
    'http://127.0.0.1:3000',
    'http://localhost:3000',
]
CORS_ORIGIN_WHITELIST = (
    'localhost:3000/',
    'localhost:3000',
    '127.0.0.1:3000/',
    '127.0.0.1:3000',
)
CORS_ORIGIN_ALLOW_ALL = False
CORS_ALLOW_CREDENTIALS = True

# *---------------------------*
#   dj rest auth
# *---------------------------*
REST_FRAMEWORK = {

    # …

    'DEFAULT_AUTHENTICATION_CLASSES': (
        "dj_rest_auth.utils.JWTCookieAuthentication",
    ),

}


REST_USE_JWT = True
JWT_AUTH_COOKIE = 'jwt-auth'
JWT_AUTH_SECURE = True
JWT_AUTH_SAMESITE = 'None'
SESSION_COOKIE_SAMESITE = 'None'
SESSION_COOKIE_SECURE = True
CSRF_COOKIE_SAMESITE = 'None'
CSRF_COOKIE_SECURE = True

SIMPLE_JWT = {

    'USER_ID_FIELD'        : 'uuid',
    'AUTH_HEADER_TYPES'    : ('JWT',),
    'ACCESS_TOKEN_LIFETIME': timedelta( minutes = 60 ),
    # 'ROTATE_REFRESH_TOKENS': True,

}

login.js / Next.js

const res = await axios.post("http://127.0.0.1:8000/api/auth/login/",
    data, {withCredentials: true})

    console.log(res.data);

ありがとうございます。