reactjs - el navegador no está definido - React

Tengo un problema con el navegador Chrome y no con Firefox.

Pausado por excepción ReferenceError: browser no está definido

ReferenceError: browser no está definido en shouldWrapAPIs (polyfill.js:228) en polyfill.js:250

No puedo identificar la causa del problema, solo que sucede en Chrome y no en Firefox.

¿Alguien podría darme algo de ayuda indicando qué causa ese problema?

Me muestra en polyfill.js lo siguiente, indicando exactamente la siguiente línea

return !(browser.storage.local.get() instanceof Promise);

function shouldWrapAPIs()
{
try
{
return !(browser.storage.local.get() instanceof Promise);
}
catch (error)
{
}

return true;
}

Como se indica por el error en la línea return! (Browser.storage.local.get() instanceof Promise); considero que es un error que posiblemente proviene de guardar o almacenar datos en el navegador.

Guardo datos en el navegador con la siguiente API.

export async function setItem(key: string, value: any) {
  await Storage.set({
    key: key,
    value: value
  });
}

export async function getItem(key: string) : Promise<any>{
  const { value } = await Storage.get({ key: key});
  return value;
}
export async function removeItem(key: string) {
  await Storage.remove({ key: key });
}

¿Es posible que el problema venga de ahí?

Uso la API, por ejemplo, como se muestra en el siguiente código:

  axios.get(url+"1"+"/"+user+"/"+email)
  .then((res: { data: any; }) => {
    const resquest = res.data;
    console.log(res.data)
    if(resquest==="User alredy taken"){
      onShowAlert();
    }
    else{
        setItem("isRegistered", user );
        setItem("infoCompleted", false);
        setItem("clientType", "1");
        setCount(5);
    }
  })

Gracias de antemano.

Respuesta #1

Chrome utiliza la propiedad chrome.storage

Aquí hay un artículo que explica esto - https://developer.chrome.com/docs/extensions/reference/storage/