check out the following block of code:

const [doj, setDoj] = useState(Date);
const handleEmployeeNumberChange = async (e, value, name) => {
        if (name === 'Employee Number') {
            const employee = await employeeServices.getByNumber(value);
            formik.setFieldValue('Employee Name', employee['Personal Information']['Employee Name']);
            formik.setFieldValue('Date of Joining', employee.Company['Date of Joining']);
            setDoj(new Date(employee.Company['Date of Joining']));
            console.log(new Date(employee.Company['Date of Joining']));
            console.log(doj);
            const element = { target: { name, value } };
            formik.handleChange(element);
        }
    };

So what im trying to do is, when the employee number changes, i want to update the state of a variable by the name of 'doj'. but That line isnt working for some reason. The output is shown below:

As you can see the second console log is the value of doj, which is its default value, which is why setDoj didnt work for some reason. Please Help!