Erro no código

function DadosPessoais({ aoEnviar, validacoes }) { const [nome, setNome] = useState(""); const [sobrenome, setSobreNome] = useState(""); const [CPF, setCPF] = useState(""); const [promocao, setPromocao] = useState(true); const [novidade, setNovidade] = useState(true); const [erros, setErros] = useState({ CPF: { valido: true, texto: '' } });

function validarCampos(event) {
    console.log(event.target)
    const { name, value } = event.target;
    const novoEstado = { ...erros };
    novoEstado[name] = validacoes[name](value);
    setErros(novoEstado);
}




return (
    <form onSubmit={evento => {
        evento.preventDefault()
        aoEnviar({ nome, sobrenome, CPF, promocao, novidade })

    }}>

        <TextField
            value={nome}
            onChange={evento => {
                let tmpNome = evento.target.value;
                // if (tmpNome.length >= 3) {
                //     tmpNome = tmpNome.substr(0, 3)
                // }
                setNome(tmpNome)
            }}
            id="nome"
            label="Nome"
            variant='outlined'
            fullWidth
            margin="normal"
            required />

        <TextField value={sobrenome}
            onChange={(evento) => {
                setSobreNome(evento.target.value)
            }}
            id="Sobrenome" label="Sobrenome" variant='outlined' fullWidth margin="normal"
            required />

        <TextField value={CPF} required name="CPF"
            onChange={(evento) => {
                setCPF(evento.target.value)

            }}
            onBlur={validarCampos}
            error={!erros.CPF.valido}
            helperText={erros.CPF.texto}
            id="CPF" label="CPF" variant='outlined' fullWidth margin="normal" />

        <FormControlLabel
            label="Promoções"
            control={
                <Switch
                    checked={promocao}
                    onChange={(event) => {
                        setPromocao(event.target.checked);
                    }}
                    name="promocoes"
                    color="primary"
                />
            }
        />

        <FormControlLabel
            label="Novidades"
            control={
                <Switch
                    checked={novidade}
                    onChange={(event) => {
                        setNovidade(event.target.checked);
                    }}
                    name="novidades"
                    color="primary"
                />
            }
        />


        <Button type="submit" variant="contained" color="primary">
            Cadastrar
        </Button>
        <Button>Voltar</Button>

    </form>)

}

export default DadosPessoais;

Fala Bruno, tudo bem? Espero que sim!

No TextField de cpf, o name deve ser cpf e não CPF, pois é esse name que utilizamos para acesar de forma dinâmica o nosso objeto, e o nome da propriedade nesse objeto é cpf e não CPF, sendo assim não conseguimos encontrar essa propriedade no objeto e não executando uma função e sim temos um retorno de undefined.

Então basta alterar:

<TextField value={CPF} required name="CPF"
            onChange={(evento) => {
                setCPF(evento.target.value)

            }}
            onBlur={validarCampos}
            error={!erros.CPF.valido}
            helperText={erros.CPF.texto}
            id="CPF" label="CPF" variant='outlined' fullWidth margin="normal" />

Para:

<TextField value={CPF} required name="cpf"
            onChange={(evento) => {
                setCPF(evento.target.value)

            }}
            onBlur={validarCampos}
            error={!erros.CPF.valido}
            helperText={erros.CPF.texto}
            id="CPF" label="CPF" variant='outlined' fullWidth margin="normal" />

Espero ter ajudado, abraços e bons estudos :D