Firebase Realtime не добавляет данные

При отправки формы в консоли никаких ошибок нет, catch и then ничего не выводят.

import { ref, set } from 'firebase/database';
import React, { useState, useEffect, Component } from 'react';
import { Button, Container, Form } from 'react-bootstrap';
import { db } from '../firebase';
import { uid } from 'uid';

export const Application = () => {
  const [applications, setApplications] = useState([]);
  const [complaint, setComplaint] = useState("");
  const [severitySymptoms, setSeveritySymptoms] = useState("");
  const [date, setDate] = useState("");
  const [firstName, setFirstName] = useState("");
  const [secondName, setSecondName] = useState("");
  const [phone, setPhone] = useState("");
  const [email, setEmail] = useState("");

  const insertData = () => {
    const uuid = uid();
    const database = db;
    set(ref(database, 'Application' + uuid), {
      complaint: complaint,
      severitySymptoms: severitySymptoms,
      date: date,
      firstName: firstName,
      secondName: secondName,
      phone: phone,
      email: email
    }).then(() => {
      console.log('jf')
    }).catch((err) => {
      console.log(err)
    });
    setComplaint('');
    setSeveritySymptoms('');
    setDate('');
    setFirstName('');
    setSecondName('');
    setPhone('');
    setEmail('');
  }


  return (
    <Container>
      <Form>
        <Form.Group className="mb-3">
          <Form.Label>Жалобы</Form.Label>
          <Form.Control type="text" placeholder="Жалобы" id='complaintbox' value={complaint} onChange={e => setComplaint(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Тяжесть симптомов</Form.Label>
          <Form.Control type="text" placeholder="Тяжесть симптомов" id='severitysymptomsbox' valu={severitySymptoms} onChange={e => setSeveritySymptoms(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Дата посещения</Form.Label>
          <Form.Control type="date" placeholder="Дата посещения" id='datebox' value={date} onChange={e => setDate(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Имя</Form.Label>
          <Form.Control type="text" placeholder="Имя" id='firstNamebox' value={firstName} onChange={e => setFirstName(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Фамилия</Form.Label>
          <Form.Control type="text" placeholder="Фамилия" id='secondnamebox' value={secondName} onChange={e => setSecondName(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Телефон</Form.Label>
          <Form.Control type="text" placeholder="Телефон" id='phonebox' value={phone} onChange={e => setPhone(e.target.value)} />
        </Form.Group>
        <Form.Group className="mb-3">
          <Form.Label>Почта</Form.Label>
          <Form.Control type="email" placeholder="почта" id='emailbox' value={email} onChange={e => setEmail(e.target.value)} />
        </Form.Group>
        <Button type="submit" onClick={insertData}>
          Отправить
        </Button>
      </Form>
    </Container>
  )
}

Подскажите, в чем может быть проблема?