im using context api to manage language in react app ... and for saving language to client browser i decided to use js-cookie but i lose the cookie as soon as i close the browser , how can i prevent this behaviour?

import Cookies from "js-cookie";
import React ,{useState} from "react";

const Language = React.createContext({
    language:"",
    activeLanguageFnOr:(data) =>{}
});

export const LanguageProvider = (props) =>{
    const [activeLanguage , setActiveLanguage] = useState(Cookies.get('currentLang'));
    if(Cookies.get('currentLang') === undefined){
        Cookies.set("currentLang" , 'arabic' ,{sameSite: 'strict', secure: true , expires:3});
        setActiveLanguage('arabic')   
     }
    const  activeLang =  (data) =>{
        setActiveLanguage(data);
    }
    return <Language.Provider value={{language:activeLanguage , activeLangFn:activeLang}}>{props.children}</Language.Provider>
}
export default Language;