Estoy usando la API de contexto para administrar el idioma en la aplicación de reacción... y para guardar el idioma en el navegador del cliente, decidí usar js-cookie pero pierdo la cookie tan pronto como cierro el navegador, ¿cómo puedo evitar este comportamiento?

 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;