Hàm fetchData này đang có sử dụng generic interface để define data type cho dữ liệu trả về, nhưng a chưa thấy e dùng ở những phần e import hàm fetchData này, xem lại phần này giúp a nhé
ở ô input nhập distance, phần này e đang chưa validate case ko nhập gì cho ô input nên ở browser đang bị lỗi data type của input number, e check lại giúp a nhé
a thấy có nhiều chỗ e có sử dụng đến 2 giá trị này, không biết là có thể đưa vào constants được không nhỉ e
ở hàm fetchData này e await ở trên hàm fetch rồi thì không cần await ở phần return response.json() đâu nhé
với e thử tách giúp a phần sidebar nhập distance và phần render mapContainer vào từ component riêng và memo các component chỉ render lại khi các state liên quan thay đổi nhé
Em xem giúp a 1 số phần ở project này nhé: