Likely rendered a different number of hooks between renders which are causing error while rendering

[raja2576]

at xi (react-dom.production.min.js:292:39)
at bs (react-dom.production.min.js:279:389)
at vs (react-dom.production.min.js:279:320)
at gs (react-dom.production.min.js:279:180)
at as (react-dom.production.min.js:270:88)
at ls (react-dom.production.min.js:267:429)
at S (scheduler.production.min.js:13:203)
at MessagePort.T (scheduler.production.min.js:14:128)

Issue at line react-dom.production.min.js:118:466
correct function wf(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,l=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==l&&(h=l,e?(k=Kb(c,f),null!=k&&g.unshift(tf(c,k,h))):e||(k=Kb(c,f),null!=k&&g.push(tf(c,k,h))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var xf=/\r\n?/g,yf=/\u0000|\uFFFD/g;function zf(a){return("string"===typeof a?a:""+a).replace(xf,"\n").repl
ace(yf,"")}function Af(a,b,c){b=zf(b);if(zf(a)!==b&&c)throw Error(p(425));}function Bf(){}

soution 👍
function collectEventListeners(eventQueue, event, targetFiber, rootFiber, isCapturePhase) {
const eventName = event._reactName;
const listeners = [];

while (targetFiber !== null && targetFiber !== rootFiber) {
const currentFiber = targetFiber;
const alternateFiber = currentFiber.alternate;
const domNode = currentFiber.stateNode;

// Skip if this fiber is the alternate of the root fiber
if (alternateFiber !== null && alternateFiber === rootFiber) break;

// If it's a host component (e.g., a DOM element)
if (currentFiber.tag === 5 && domNode !== null) {
  const listener = getListener(currentFiber, eventName);

  if (listener != null) {
    const listenerEntry = createDispatchListener(currentFiber, listener, domNode);
    if (isCapturePhase) {
      listeners.unshift(listenerEntry); // Capture: prepend
    } else {
      listeners.push(listenerEntry);    // Bubble: append
    }
  }
}

targetFiber = targetFiber.return;

}

if (listeners.length !== 0) {
eventQueue.push({
event: event,
listeners: listeners,
});
}
}

These two utility functions also appear and are mostly fine:

// Normalize line breaks and remove invalid characters
function normalizeText(input) {
return (typeof input === 'string' ? input : String(input))
.replace(/\r\n?/g, '\n')
.replace(/\u0000|\uFFFD/g, '');
}

// Compare two normalized strings and throw if they differ
function assertEqualNormalized(a, b, shouldThrow) {
const aNorm = normalizeText(a);
const bNorm = normalizeText(b);

if (aNorm !== bNorm && shouldThrow) {
throw new Error(Invariant failed: strings don't match);
}
}

// Empty function (maybe used as placeholder)
function noop() {}