How to solve form submission problem in React

I'm trying to send the forms through the post method. However, when making the request, it is returning an error 404. What am I doing wrong?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Ignore LoremIpsum

API: enter link

baseUrl

  export const baseUrl = 'https://interno.saibweb.com.br/api/v1/teste/clientes'
import {
    Container,
    ContentContainer,
    Content, ButtonContainer,
    InputContainer,
    CityContainer,
    StateContainer
} from "./style"

import { useState } from "react"

import axios from "axios"
import { baseUrl } from "../../services/api"
import { useNavigate } from "react-router-dom";

const initialValue = {
    TECL_NOME: '',
    TECL_ENDERECO: '',
    TECL_CIDADE: '',
    TECL_UF: '',
    TECL_TELEFONE: ''
}

export const NewRegistrationPage = () => {
    let navigate = useNavigate()

    const [values, setValues] = useState(initialValue)

    const onChange = (event) => {
        const { name, value } = event.target

        setValues({ ...values, [name]: value })
    }

    const onSubmit = (event) => {
        event.preventDefault()

        axios.post(baseUrl, values)
            .then((res) => {
                alert(res.data.message)
            })
            .catch((err) => {
                alert(err.response.message)
            })
    }



return (
    <Container onSubmit={onSubmit}>
        <ContentContainer>
            <Content>
                <InputContainer>
                    <div>
                        <label>Nome</label>
                        <input
                            type="text"
                            onChange={onChange}
                        />
                    </div>

                    <div>
                        <label>Endereço</label>
                        <input
                            type="text"
                            onChange={onChange}
                        />
                    </div>
                </InputContainer>

                <CityContainer>
                    <div>
                        <label>Cidade</label>
                        <input
                            type="text"
                            onChange={onChange}
                        />
                    </div>

                    <StateContainer>
                        <label>UF</label>
                        <input
                            type="text"
                            onChange={onChange}
                        />
                    </StateContainer>

                    <div>
                        <label>Telefone</label>
                        <input
                            type="tel"
                            onChange={onChange}
                        />
                    </div>
                </CityContainer>
            </Content>

            <ButtonContainer>
                <button type="submit">Salvar</button>
                <button type="button">Cancelar</button>
            </ButtonContainer>
        </ContentContainer>
    </Container>
)
}
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum