Как я могу получить мою вторую форму, чтобы появиться на netlify?

Question

Я создаю новую форму для веб-сайта, но она не отображается в формах netlify, и я вижу ошибку 404 при отправке. Я не уверен, почему это происходит. У меня также есть контактная форма, но она работает нормально. Я также зарегистрировал свое состояние и получил все значения для состояния из всех полей.

Это коды, относящиеся к форме.

      function encode(data) {
    return Object.keys(data)
        .map(
            (key) =>
                encodeURIComponent(key) + '=' + encodeURIComponent(data[key])
        )
        .join('&')
}

          const [state, setState] = useState({})

    const handleChange = (e) => {
        setState({ ...state, [e.target.name]: e.target.value })
    }

    const handleSubmit = (e) => {
        e.preventDefault()
        const form = e.target
        fetch('/', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: encode({
                'form-name': form.getAttribute('name'),
                ...state,
            }),
        })
            .then(() => navigate(form.getAttribute('action')))
            .catch((error) => alert(error))
    }

      <form
                        className={'formStyle'}
                        name="full-stack-applications"
                        method="post"
                        action={
                            locale === 'en'
                                ? '/thankYouForYourApplication/'
                                : '/fi/thankYouForYourApplication/'
                        }
                        data-netlify="true"
                        data-netlify-honeypot="bot-field"
                        onSubmit={handleSubmit}
                    >
                        {/* The `form-name` hidden field is required to support form submissions without JavaScript */}
                        <input
                            type="hidden"
                            name="form-name"
                            value="full-stack-applications"
                        />
                        <p hidden>
                            <label>
                                Don’t fill this out:
                                <input
                                    name="bot-field"
                                    onChange={handleChange}
                                />
                            </label>
                        </p>