ky 1.8.0 failing on retry in react native 0.78.0 app.

[YagneshPower]

I have a mono repo. At root package.json I have installed ky 1.8.0 this root project have two application shared login and reactnativeapp.(0.78.0 version) From react native I am making a call to ky.post . this call is from within tanstackquery function and this calls will give 504 error code. I am expecting retry to trigger but Instead of retry I get this error message.

---TypeError: signal.throwIfAborted is not a function (it is undefined)
    at anonymous (

 below is my ky create method. 
    
 // Create Ky instance
const httpClient = ky.create({
  prefixUrl: env.API_BASE_URL,
  timeout: API_TIME_OUT, // Automatically abort requests after 10s (10,000ms)
  fetch: global.fetch, // Ensure it uses the correct fetch implementation
  headers: {
    "Content-Type": "application/json",
    Accept: "application/json",
    "X-Requested-With": env.CHANNELKEY,
    "X-Core-ChannelAccessKey": env.CHANNELKEY,
  },
  retry: {
    limit: 3, // Number of retries
    methods: ["get", "post", "put", "delete"], // Methods to retry
    statusCodes: [408, 429, 500, 502, 503, 504], // Retry on these status codes
    backoffLimit: BACKOFF_LIMIT, // Max backoff delay for retries
    delay: (attempt) => Math.min(1000 * 2 ** attempt, BACKOFF_LIMIT),
  },

If I downgrade ky to 0.33.0.. Retry works fine with this setup. Any ideal what change I need to use latest ky library.

[sholladay]

This is a known problem with React Native. For whatever reason, they are lagging behind in supporting some newer web APIs, including throwIfAborted() which Ky uses internally in some cases.

The good news is this should be pretty easy to fix. You just need to polyfill the method.

[manhhavu]

@sholladay : could you tell me how to polyfill the method? I'm new on Ky.

[YagneshPower]

@sholladay : could you tell me how to polyfill the method? I'm new on Ky.

copy below two function and past them in your index.js file in your react native application.

`//Pllyfill code for ky abort signal
if (!AbortSignal.prototype.throwIfAborted) {
AbortSignal.prototype.throwIfAborted = function () {
if (this.aborted) {
throw new DOMException('Aborted', 'AbortError');
}
};
}
// Add at the top of your index.js or App.js
if (typeof AbortSignal !== 'undefined' && !AbortSignal.any) {
AbortSignal.any = function(signals) {
const controller = new AbortController();

  // When any signal aborts, abort the controller with the same reason
  signals.forEach(signal => {
    if (signal.aborted) {
      controller.abort(signal.reason);
      return;
    }
    
    signal.addEventListener('abort', () => {
      controller.abort(signal.reason);
    }, { once: true });
  });
  
  return controller.signal;
};

}`

[manhhavu]

I see. Thank you for your help 👍