We don't need to update the value of that, that hold the ref of object and tell us that if its same ref or not once we got response from backend, if it's not a same reference, we will not do anything, as user might already move to other page by the time.

You can remove those condition and see the difference.

I recommend to play around those please.

if do not have code update value scriptedRef.current, it will always be false.

const useScriptRef = () => {

    const scripted = useRef(true);

    useEffect(

        () => () => {

            scripted.current = false; //

        },

        []

    );

    return scripted;

};

export default useScriptRef;

can you tell me more? if i can not understand it, i can not use the themes.

C:\Projects\ReactDemo\berry-material-react-3.6-full\src\views\pages\authentication\login\JWTLogin.js

where you update the value of scriptedRef.current? i did not see it.

thanks.

onSubmit={async (values, { setErrors, setStatus, setSubmitting }) => {

                try {

                    await login(values.email, values.password);

                    if (scriptedRef.current) {

                        setStatus({ success: true });

                        setSubmitting(false);

                    }

                } catch (err) {

                    console.error(err);

                    if (scriptedRef.current) {

                        setStatus({ success: false });

                        setErrors({ submit: err.message });

                        setSubmitting(false);

                    }

                }

            }}

https://codedthemes.support-hub.io/tickets/32973

check above ticket

can you tell me why use this hook ->src->hooks->useScriptRef.js, it set scripted.current to false.

i feel the value always is false.

const useScriptRef = () => {

    const scripted = useRef(true);

    useEffect(

        () => () => {

            scripted.current = false;

        },

        []

    );

    return scripted;

};

export default useScriptRef;