Reactjs – why the both function doesn't run together in onClickevent

i passed the handleclick function to the onclick because i want to run the two function in onclick event but the first one (setEnabled) doesn’t run

import { useState } from "react";

export default function Togglelang(props) {
    const [enabled, setEnabled] = useState(false);
    const isenglish = props.isenglish
    const setisenglish =  props.setisenglish 
    const handleClick = () => {
        setEnabled(!enabled);
        setisenglish(!isenglish);
    };
    return (
        <div className="relative flex flex-col items-center justify-center w-fit h-fit overflow-hidden">
            <div className="flex">
                <label className="inline-flex relative items-center mr-5 cursor-pointer">
                    <input
                        type="checkbox"
                        className="sr-only peer"
                        checked={enabled}
                        readOnly
                    />
                    <div
                        onClick={handleClick}
                        className="w-11 h-6 bg-lightGrey rounded-full peer  peer-focus:ring-green-300  peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue"
                    ></div>
                </label>
            </div>
        </div>
    );
}

at first i wrote the both function in onclick but i try to put them in a single function aand pass that to onclick but it still doesn’t work