Editando CPF

Fala pessoal, beleza?

Preciso de uma ajuda de vcs.

Estou pegando os dados de uma api que me retorna o CPF de um usuario. Mas esse CPF é um numero inteiro e eu preciso colocar ele no formato correto tipo 000.000.000-00

Como faço pra deixar nesse formato?

Esse é meu codigo.

    useEffect(() => {

        const matricula = person.Matricula;
        try {
          api
            .get('/api/DadosCadastraisApi/ConsultarDadosPessoais/' + matricula)
            .then((response) => {
              setContatoAssociado({
                nome: response.data.nomeAssociado,

                cpf: response.data.cpfAssociado,

                dataNascimento: response.data.dataNascimento
                  .substring(0, response.data.dataNascimento.length - 10)
                  .split('-')
                  .reverse()
                  .join('/'),

                cep: response.data.cep,
              });
            })
            .catch((error) => {
              console.log(error);
            });
        } catch (error) {
          console.log(error);
        }
      }, [person.Matricula, isFocused]);

Em java vc usa String.valueOf(i). Isso ira converter o inteiro para string. Depois basta vc tratar a gravação do valor. Sugiro vc gravar o CPF como string sem formatação e tratar a apresentação dos dados na tela. Veja se ajuda .

Tem que arrumar isso aí pois CPF não pode ser um número inteiro.
Um CPF pode começar com 0 e tipos numéricos não possuem 0 à esquerda.