From 45b72d51d71bb47e0d5d6e37764d2aeb24dff671 Mon Sep 17 00:00:00 2001
From: hotate29 <44938840+hotate29@users.noreply.github.com>
Date: Wed, 2 Oct 2024 23:47:27 +0900
Subject: [PATCH] =?UTF-8?q?frontend-development=E3=81=AEimage=E3=82=92node?=
 =?UTF-8?q?:20=E3=81=AB=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose.yml | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 8b0f68b3..81bc9da7 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -33,9 +33,15 @@ services:
     command: /bin/sh -c "cargo watch -s 'cargo run --bin run_server'"
 
   frontend-development:
-    image: node:16
+    image: node:20
     ports:
       - "3000:3000"
+    environment:
+      # Node 17でOpenSSLがデフォルトでMD4ハッシュを提供しなくなり、
+      # これに依存していたwebpackに依存するreact-scripts 4.x系でのビルドができなくなってしまった。
+      # --openssl-legacy-providerをオプションとして渡すことで、Node 17以降でもビルドができる。
+      # react-scripts 4.x系から移行したら、このオプションは不要になる。
+      NODE_OPTIONS: --openssl-legacy-provider
     volumes:
       - ./:/app
       - node_modules:/app/atcoder-problems-frontend/node_modules