Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Console flooded with "Function object could not be cloned" with multiple persisted tabs

Chiusa
  • Qualcosa non va?
#1,498 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Tranquilla
Stack tecnologico
react, sqlite, typescript
Ambito
databases, frontend

Direzione di ricerca

Inizia dal repository di riproduzione e traccia le chiamate a sendRPCOnce e requestEnsureRemoteSubset mostrate nello stack del bundle del browser. Riproduci il problema con due schede usando una collection di query on-demand e una collection SQLite persistita; il lavoro è completato quando la seconda scheda non riempie più la console di avvisi di clonazione mentre le schede rimangono sincronizzate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

  • I've validated the bug against the latest version of DB packages

Describe the bug
When using an on-demand query collection with a persisted sqlite collection in the browser, if you open two tabs it will flood the client's console with the message (in the tab that was opened the latest):

Failed to ensure remote subset: DOMException: Function object could not be cloned.
    sendRPCOnce @tanstack_browser-db-sqlite-persistence.js:2723
    sendRPCOnce @tanstack_browser-db-sqlite-persistence.js:2704
    sendRPC @tanstack_browser-db-sqlite-persistence.js:2696
    requestEnsureRemoteSubset @tanstack_browser-db-sqlite-persistence.js:2517
    flushPendingRemoteSubsetEnsures @tanstack_browser-db-sqlite-persistence.js:776
    queueRemoteSubsetEnsure @tanstack_browser-db-sqlite-persistence.js:759
    hydrateSubsetUnsafe @tanstack_browser-db-sqlite-persistence.js:475
    loadSubset @tanstack_browser-db-sqlite-persistence.js:338
    taskPromise @tanstack_browser-db-sqlite-persistence.js:141
    promise callback*run @tanstack_browser-db-sqlite-persistence.js:141
    loadSubset @tanstack_browser-db-sqlite-persistence.js:338
    loadSubset @tanstack_browser-db-sqlite-persistence.js:1169
    loadSubset @tanstack_react-db.js:5083
    requestSnapshot @tanstack_react-db.js:4305
    subscribeChanges @tanstack_react-db.js:4537
    subscribeChanges @tanstack_react-db.js:6929
    subscribeToMatchingChanges @tanstack_react-db.js:11034
    subscribeToChanges @tanstack_react-db.js:11006
    subscribe @tanstack_react-db.js:10982
    loaders @tanstack_react-db.js:11633
    subscribeToAllCollections @tanstack_react-db.js:11621
    syncFn @tanstack_react-db.js:11415
    startSync @tanstack_react-db.js:4869
    CollectionImpl @tanstack_react-db.js:6624
    createCollection @tanstack_react-db.js:6545
    bridgeToCreateCollection @tanstack_react-db.js:12019
    createLiveQueryCollection @tanstack_react-db.js:12015
    useLiveQuery @tanstack_react-db.js:13189
    RouteComponent index.tsx:76
    react_stack_bottom_frame react-dom_client.js:12868
    renderWithHooks react-dom_client.js:4213
    updateFunctionComponent react-dom_client.js:5569
    beginWork react-dom_client.js:6140
    runWithFiberInDEV react-dom_client.js:851
    performUnitOfWork react-dom_client.js:8429
    workLoopSync react-dom_client.js:8325
    renderRootSync react-dom_client.js:8309
    performWorkOnRoot react-dom_client.js:7957
    performSyncWorkOnRoot react-dom_client.js:9067
    flushSyncWorkAcrossRoots_impl react-dom_client.js:8984
    flushPassiveEffects react-dom_client.js:8816
    commitRoot react-dom_client.js:8562
    performWorkUntilDeadline react-dom_client.js:36
    require_scheduler_development react-dom_client.js:141
    require_scheduler_development react-dom_client.js:244
    __commonJSMin chunk-CYJPkc-J.js:8
    require_scheduler react-dom_client.js:249
    __commonJSMin chunk-CYJPkc-J.js:8
    require_react_dom_client_development react-dom_client.js:11672
    require_react_dom_client_development react-dom_client.js:14375
    __commonJSMin chunk-CYJPkc-J.js:8
    require_client react-dom_client.js:14380
    __commonJSMin chunk-CYJPkc-J.js:8
    <anonymous> react-dom_client.js:14383

To Reproduce
Steps to reproduce the behavior:

  1. git clone [email protected]:c-kirkeby/tanstack-db-failed-to-ensure-remote-subset.git
  2. Go to localhost:3000
  3. Open a second tab and open the dev tools in both
  4. The second tab will continuously receive this warning.

Expected behavior
I'm not too sure how this should be handled in a multi-tab context. Presumably some kind of reconciliation would need to happen to ensure that they are synchronised and this warning doesn't happen. Claude's explanation seems to be that existence of the where clause in the predicate is what's causing the issue.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: Bazzite 43 (kernel 6.17.7-ba29.fc43.x86_64 (64-bit))
  • Browser: Zen 1.19.10b (Firefox 150.0) (64-bit)
  • Version: 0.6.5
Lingua principale
TypeScript
Stelle
3.9k
Fork
272
Merge medio
1g 45m
PR unite (30g)
208

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di TanStack/db

Tutte le issue di TanStack/db

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.