Axios error when using catch for error processing - reactjs

Question

I'm using React + Django. Simple backend with one button on frontend handling POST requests:
function handleSubmit(e){
e.preventDefault();
axios.post(API_URL, {
forklift, battery
}).then((response) => {
console.log(response)
}).catch((error) => {
console.log(error.response)
});
}
The problem is when I try to submit the form while including .catch it always throws an 404 error on first request and then my development server on django crashes on second request (stops). When I delete catching error it works perfectly.
function handleSubmit(e){
e.preventDefault();
axios.post(API_URL, {
forklift, battery
}).then((response) => {
console.log(response)
});
}
My Django API_VIEW
#api_view(['POST'])
def start_charging(request):
if request.method == 'POST':
print('test')
forklift_ean = request.data['forklift']
battery_ean = request.data['battery']
try:
forklift = Forklift.objects.get(for_ean=forklift_ean)
battery = Battery.objects.get(bat_ean=battery_ean)
except Forklift.DoesNotExist or Battery.DoesNotExist:
return Response({'error_message': "No object error"},
status=status.HTTP_404_NOT_FOUND)
return Response({"message": "OK"})
Main url.py file
urlpatterns = [
path('admin/', admin.site.urls),
path('api/', include('my_app.urls'))
]
App url.py file
urlpatterns = [
path('charging/', views.start_charging, name='start_charging'),
]
Error on first request:
xhr.js:220 POST http://127.0.0.1:8000/api/charging/ 404 (Not Found)
Error on seconds request (server crashes):
xhr.js:220 POST http://127.0.0.1:8000/api/charging/ net::ERR_CONNECTION_REFUSED
I am using corsheaders in my django project and the frontend is allowed to send requests:
CORS_ALLOWED_ORIGINS = [
'http://localhost:3000',
]
Any idea why might be the reason for .catch to act that way?