CINXE.COM

<!DOCTYPE html><html lang="en" class="dark"><head><script class='tsr-once'>const __TSR_SSR__={matches:[],streamedValues:{},initMatch:o=>(__TSR_SSR__.matches.push(o),o.extracted?.forEach(l=>{if(l.type==="stream"){let r;l.value=new ReadableStream({start(e){r={enqueue:t=>{try{e.enqueue(t)}catch{}},close:()=>{try{e.close()}catch{}}}}}),l.value.controller=r}else{let r,e;l.value=new Promise((t,a)=>{e=a,r=t}),l.value.reject=e,l.value.resolve=r}}),!0),resolvePromise:({matchId:o,id:l,promiseState:r})=>{const e=__TSR_SSR__.matches.find(t=>t.id===o);if(e){const t=e.extracted?.[l];if(t&&t.type==="promise"&&t.value&&r.status==="success")return t.value.resolve(r.data),!0}return!1},injectChunk:({matchId:o,id:l,chunk:r})=>{const e=__TSR_SSR__.matches.find(t=>t.id===o);if(e){const t=e.extracted?.[l];if(t&&t.type==="stream"&&t.value?.controller)return t.value.controller.enqueue(new TextEncoder().encode(r.toString())),!0}return!1},closeStream:({matchId:o,id:l})=>{const r=__TSR_SSR__.matches.find(e=>e.id===o);if(r){const e=r.extracted?.[l];if(e&&e.type==="stream"&&e.value?.controller)return e.value.controller.close(),!0}return!1},cleanScripts:()=>{document.querySelectorAll(".tsr-once").forEach(o=>{o.remove()})}};window.__TSR_SSR__=__TSR_SSR__; ; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><script class='tsr-once'>__TSR_SSR__.initMatch({"id":"/_libraries","__beforeLoadContext":"{}","loaderData":"{\"sponsorsPromise\":{\"$undefined\":0}}","error":"{\"$undefined\":0}","extracted":[{"type":"promise","path":["sponsorsPromise"]}],"updatedAt":1743886453237,"status":"success"}); if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><script class='tsr-once'>__TSR_SSR__.resolvePromise({"matchId":"/_libraries","id":0,"promiseState":{"status":"success","data":[{"linkUrl":null,"login":"BrianMitchL","imageUrl":null,"name":"Brian Mitchell","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"BigAB","imageUrl":null,"name":"Adam L Barrett","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://www.reactbricks.com/","login":"matteofrana","imageUrl":"https://www.reactbricks.com/icon.svg","name":"React Bricks","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"wasinsandiego","imageUrl":null,"name":"Will Schoenberger","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"StandardResumeSponsors","imageUrl":null,"name":"Standard Resume Sponsors","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://neo4j.com/","login":"neo4j-sponsorship","imageUrl":"https://go.neo4j.com/rs/710-RRC-335/images/neo4j_logo.svg","name":"Neo4j","tier":{"monthlyPriceInDollars":200}},{"linkUrl":null,"login":"brentmclark","imageUrl":null,"name":"Brent Clark","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"gmrchk","imageUrl":null,"name":"Georgy Marchuk","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"alexUXUI","imageUrl":null,"name":"Alex Bennett","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"frontendwizard","imageUrl":null,"name":"Juliano Farias","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"joshuat","imageUrl":null,"name":"Joshua Turner","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"amslezak","imageUrl":null,"name":"Andy Slezak","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"chinanderm","imageUrl":null,"name":"Matt Chinander","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"glin","imageUrl":null,"name":"Greg Lin","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"Kamalnrf","imageUrl":null,"name":"Kamal","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"deneboulton","imageUrl":null,"name":"Dene Boulton","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"babycourageous","imageUrl":null,"name":"Rene Dellefont","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"alexnault","imageUrl":null,"name":"Alex Nault","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"idoshamun","imageUrl":null,"name":"Ido Shamun","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"andreibursuc97","imageUrl":null,"name":"Andrei Bursuc","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"bdresser","imageUrl":null,"name":"bdresser","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"genehenson","imageUrl":null,"name":"Gene Henson","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"thm-design","imageUrl":null,"name":"Tony H Meyer","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"revgum","imageUrl":null,"name":"Josh Gum","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"gpaluk","imageUrl":null,"name":"Gary Paluk","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://workflowgen.com","login":"advantys","imageUrl":"https://www.workflowgen.com/img/workflowgen-workflow-thumbnail.png","name":"WorkflowGen","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://invertase.io/","login":"invertase","imageUrl":null,"name":"Invertase","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"osdiab","imageUrl":null,"name":"Omar Diab","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"github","imageUrl":null,"name":"GitHub","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"chrisdhanaraj","imageUrl":null,"name":"Chris Dhanaraj","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://tryretool.com/?utm_source=sponsor&utm_campaign=react_table","login":"retool","imageUrl":"https://raw.githubusercontent.com/tannerlinsley/files/master/images/patreon/sponsor-retool.png","name":"Retool","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://github.com","login":"__github","imageUrl":"https://github.githubassets.com/images/modules/logos_page/GitHub-Logo.png","name":"Github","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"raphaelsaunier","imageUrl":null,"name":"Rapha\u00EBl Saunier","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"longprao","imageUrl":null,"name":"Long Doan","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"getclair","imageUrl":null,"name":"Clair","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"gosseti","imageUrl":null,"name":"Lawrence Gosset","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"tyxla","imageUrl":null,"name":"Marin Atanasov","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"Triple-Point-Liquidity","imageUrl":null,"name":"Triple Point Liquidity","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"forivall","imageUrl":null,"name":"Emily Marigold Klassen","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"dailydotdev","imageUrl":null,"name":"daily.dev","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"AlexMachin1997","imageUrl":null,"name":"Alex Machin","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"david-crespo","imageUrl":null,"name":"David Crespo","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"jnsdls","imageUrl":null,"name":"Jonas Daniels","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"compass-inc","imageUrl":null,"name":"COMPASS Inc.","tier":{"monthlyPriceInDollars":200}},{"linkUrl":null,"login":"c4solutions","imageUrl":null,"name":"C4 Solutions LLC","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"aslaker","imageUrl":null,"name":"Adam Slaker","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"johnathanludwig","imageUrl":null,"name":"Johnathan Ludwig","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"kitravee","imageUrl":null,"name":"Trong","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"benjamincharity","imageUrl":null,"name":"Benjamin Charity","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"cherniavskii","imageUrl":null,"name":"Andrew Cherniavskii","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://ag-grid.com/react-data-grid/?utm_source=reacttable&utm_campaign=githubreacttable","login":"ag-grid","imageUrl":"https://github.com/tannerlinsley/files/raw/master/sponsorships/sponsor-aggrid.png","name":"AG Grid","tier":{"monthlyPriceInDollars":500}},{"linkUrl":null,"login":"kauffmanes","imageUrl":null,"name":"Emily Kauffman","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"jeffwilcox","imageUrl":null,"name":"Jeff Wilcox","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"Teloah","imageUrl":null,"name":"Andris Klaipi\u0146\u0161","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"LinnJS","imageUrl":null,"name":"Justin Linn","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"meotimdihia","imageUrl":null,"name":"Meotimdihia","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"jennifer-elyse","imageUrl":null,"name":"Jennifer Kirchner","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"JDLT-Ltd","imageUrl":null,"name":"JDLT","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"andreseichi","imageUrl":null,"name":"Andr\u00E9 Tashiro","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"mention-me","imageUrl":null,"name":"Mention Me Ltd","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"joerambo","imageUrl":null,"name":"Joe Timmons","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"Johoseph","imageUrl":null,"name":"Joseph Moroney","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"eggheadio","imageUrl":null,"name":"egghead.io","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"azuline","imageUrl":null,"name":"acid angel from asia","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"jshsmth","imageUrl":null,"name":"0xSmithy","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"nicholasgriffintn","imageUrl":null,"name":"Nicholas Griffin","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"miniter","imageUrl":null,"name":"Miniter Group","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"adam-beck","imageUrl":null,"name":"Adam Beck","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"chowjiaming","imageUrl":null,"name":"Joseph Chow","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"henninghall","imageUrl":null,"name":"Henning Hall","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"heythisischris","imageUrl":null,"name":"Christopher Aitken","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"dominiksipowicz","imageUrl":null,"name":"Dom Sip","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"jcrang","imageUrl":null,"name":"Josh Crang","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"bjornhauge","imageUrl":null,"name":null,"tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"nzws","imageUrl":null,"name":"Yuzuki Aida","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"cankahraman","imageUrl":null,"name":"Can Kahraman","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"codecov","imageUrl":null,"name":"Codecov","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"KhaledMohamedP","imageUrl":null,"name":"Khaled Mohamed","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"TheTimeWalker","imageUrl":null,"name":"Tony Stipanic","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://rxdb.info/","login":"pubkey","imageUrl":"https://rxdb.info/files/logo/rxdb_mini.svg","name":"Daniel Meyer","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"DefinedNet","imageUrl":null,"name":"DefinedNet","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"romain-trotard","imageUrl":null,"name":"Romain Trotard","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://www.basedash.com/?utm_source=sponsorship&utm_campaign=tanstack","login":"MaxMusing","imageUrl":"https://raw.githubusercontent.com/tannerlinsley/files/master/sponsorships/basedash.png","name":"Basedash","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"deliverdotmedia","imageUrl":null,"name":"deliver.media","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://www.toyokumo.co.jp/en","login":"toyokumo","imageUrl":"https://www.toyokumo.co.jp/logo-en.svg","name":"Toyokumo","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"DataDog","imageUrl":null,"name":"Datadog, Inc.","tier":{"monthlyPriceInDollars":100}},{"linkUrl":"https://mui.com/?utm_source=tanstack.com&utm_medium=referral","login":"mui","imageUrl":null,"name":"MUI","tier":{"monthlyPriceInDollars":500}},{"linkUrl":null,"login":"muttenzer","imageUrl":null,"name":null,"tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"cellajs","imageUrl":null,"name":"CellaJS","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://celebian.com?utm_source=tanstack","login":"celebiancom","imageUrl":null,"name":"Celebian","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://proxidize.com/","login":"proxidize","imageUrl":null,"name":"Proxidize","tier":{"monthlyPriceInDollars":20}},{"linkUrl":"https://usenextbase.com/?utm_source=tanstack","login":"imbhargav5","imageUrl":"https://usenextbase.com/logos/nextbase/nextbase-transparent-bg.png","name":"Nextbase","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"door80","imageUrl":null,"name":"Michael Mercer","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"torutek","imageUrl":null,"name":"torutek","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://bestkru.com/","login":"BestKru","imageUrl":null,"name":"BestKru","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"meech-ward","imageUrl":null,"name":"Sam Meech-Ward","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"eglove","imageUrl":null,"name":"Ethan Glover","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"proevilz","imageUrl":null,"name":"ProEvilz","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"ahkohd","imageUrl":null,"name":"Victor Aremu","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"UXWizz","imageUrl":null,"name":"UXWizz","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"leovigna","imageUrl":null,"name":"Leo Vigna","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"itsjoeoui","imageUrl":null,"name":"Joey Yu","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"marcellocurto","imageUrl":null,"name":"Marcello","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"mattrw2","imageUrl":null,"name":"Matt Wilson","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"uitspitss","imageUrl":null,"name":"uitspitss","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"justindmyers","imageUrl":null,"name":"Justin Myers","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"kalashnikau","imageUrl":null,"name":"Anton Kalashnikau","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"dbirks","imageUrl":null,"name":"David Birks","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://handsontable.com/docs/react-data-grid/?utm_source=tanstack_homepage&utm_medium=sponsorship&utm_campaign=library_sponsorship_2024","login":"handsontable","imageUrl":"https://raw.githubusercontent.com/tannerlinsley/files/master/sponsorships/handsontable.png","name":"Handsontable","tier":{"monthlyPriceInDollars":500}},{"linkUrl":null,"login":"wasp-lang","imageUrl":null,"name":"wasp-lang","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"sedrino","imageUrl":null,"name":"Sedrino Labs, Inc.","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"sgriff96","imageUrl":null,"name":"Sean Griffin","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"antonio-ivanovski","imageUrl":null,"name":"Antonio","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"hashcode5","imageUrl":null,"name":"Hasham Ali","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"Ted-Barrett","imageUrl":null,"name":"Ted Barrett","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"andykenward","imageUrl":null,"name":"Andy Kenward","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"dcramer","imageUrl":null,"name":"David Cramer","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://www.linkedin.com/in/nadavleb/","login":"nadavl","imageUrl":"https://cdn.prod.website-files.com/655cb5bd2de1fe156ffb8384/66eb27f2407059ff110e3044_nadav_profile_linkedin.jpeg","name":"Nadav Lebovitch","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"ronanru","imageUrl":null,"name":"Matvey","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://route4me.com","login":"route4me","imageUrl":"https://apps-static.route4me.com/resources/addons/website-public/img/guideline/icon3.png ","name":"Route4Me Route Planner","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"ashbyhq","imageUrl":null,"name":"Ashby","tier":{"monthlyPriceInDollars":200}},{"linkUrl":null,"login":"projectprintlab","imageUrl":null,"name":"Project Print Lab","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"VolkovLabs","imageUrl":null,"name":"Volkov Labs","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"roboflow","imageUrl":null,"name":"Roboflow","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"webflow-oss","imageUrl":null,"name":"Webflow OSS","tier":{"monthlyPriceInDollars":100}},{"linkUrl":null,"login":"LucasGarcez","imageUrl":null,"name":"Lucas Garcez","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"tomwatkins1994","imageUrl":null,"name":"Tom Watkins","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"xan187","imageUrl":null,"name":"xan187","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"andrewmurraydavid","imageUrl":null,"name":"Andrew D. Murray","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"andris-silis","imageUrl":null,"name":"Andris S\u012Blis","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"devhuset","imageUrl":null,"name":"Devhuset","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"spencemc","imageUrl":null,"name":"Spencer McKenney","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"Keireira","imageUrl":null,"name":"Alj\u00F3na Dzhukich","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"tylim88","imageUrl":null,"name":"Acid Coder","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"tfohlmeister","imageUrl":null,"name":"Thorben Fohlmeister","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"syntaxfm","imageUrl":null,"name":"Syntax","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"milos018","imageUrl":null,"name":"Milos Dimitrijevic","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"gaetanBloch","imageUrl":null,"name":"Ga\u00EBtan Bloch","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"davidchalifoux","imageUrl":null,"name":"David Chalifoux","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"RADreymann","imageUrl":null,"name":"Alex Dreymann","tier":{"monthlyPriceInDollars":5}},{"linkUrl":"https://www.sanity.io/","login":"sanity-io","imageUrl":null,"name":null,"tier":{"monthlyPriceInDollars":500}},{"linkUrl":null,"login":"d-beck","imageUrl":null,"name":"Daniel Beck","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://www.verbivore.io/","login":"maxrampulla","imageUrl":null,"name":"Maximillian Rampulla","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"cased","imageUrl":null,"name":"Cased","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"y0u-0","imageUrl":null,"name":"Ali","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"AscentFactory","imageUrl":null,"name":"Ascent Factory","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"fblettner","imageUrl":null,"name":"Franck Blettner","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"nickytonline","imageUrl":null,"name":"Nick Taylor","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"ethndotsh","imageUrl":null,"name":"ethan","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"ccheney","imageUrl":null,"name":"Chris Cheney","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"wlechowicz","imageUrl":null,"name":"Wojciech Lechowicz","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"rayfarer","imageUrl":null,"name":"Sean Ray","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"ssnaruto","imageUrl":null,"name":"xuantm","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"aidansunbury","imageUrl":null,"name":"Aidan Sunbury","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"AtAFork","imageUrl":null,"name":"Adam","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"unkeyed","imageUrl":null,"name":"Unkey","tier":{"monthlyPriceInDollars":200}},{"linkUrl":null,"login":"RegiByte","imageUrl":null,"name":"Reginaldo Junior","tier":{"monthlyPriceInDollars":20}},{"linkUrl":null,"login":"oven-sh","imageUrl":null,"name":"Bun","tier":{"monthlyPriceInDollars":500}},{"linkUrl":null,"login":"gillkyle","imageUrl":null,"name":"Kyle Gill","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"quinnzipse","imageUrl":null,"name":"Quinn Zipse","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"marcveens","imageUrl":null,"name":"Marc Veens","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"danecando","imageUrl":null,"name":"Dane Grant","tier":{"monthlyPriceInDollars":5}},{"linkUrl":null,"login":"poeck","imageUrl":null,"name":"Paul Koeck","tier":{"monthlyPriceInDollars":null}},{"linkUrl":null,"login":"Ebugo","imageUrl":null,"name":"Gospel Chinyereugo (Codebug) ","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://nozzle.io/","login":"nozzle","imageUrl":"https://avatars.githubusercontent.com/u/5400727?v=4","name":"Nozzle","tier":{"monthlyPriceInDollars":null}},{"linkUrl":"https://ui.dev/react-query?from=tanstack","login":"uidotdev","imageUrl":null,"name":"ui.dev","tier":{"monthlyPriceInDollars":null}}]}}); if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><script class='tsr-once'>__TSR_SSR__.initMatch({"id":"/_libraries/","__beforeLoadContext":"{}","loaderData":"{\"randomNumber\":0.9559744614546424}","error":"{\"$undefined\":0}","extracted":[],"updatedAt":1743886453238,"status":"success"}); if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><script class='tsr-once'>__TSR_SSR__.initMatch({"id":"__root__","__beforeLoadContext":"{}","loaderData":"{\"themeCookie\":\"dark\"}","error":"{\"$undefined\":0}","extracted":[],"updatedAt":1743886453245,"status":"success"}); if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><script class='tsr-once'>__TSR_SSR__.dehydrated = "{\"manifest\":{\"routes\":{\"__root__\":{\"preloads\":[\"/_build/assets/client-Bq7T0aMU.js\",\"/_build/assets/client-BnWqWPhJ.js\"],\"assets\":[{\"tag\":\"script\",\"attrs\":{\"type\":\"module\",\"suppressHydrationWarning\":true,\"async\":true},\"children\":\"import(\\\"/_build/assets/client-Bq7T0aMU.js\\\")\"}]},\"/$libraryId\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/dashboard\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/login\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/merch\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/sponsors-embed\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/blog\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/dedicated-support\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/ethos\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/learn\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/privacy\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/support\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/terms\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version/docs\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/blog/$\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/blog/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version/docs/$\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version/docs/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/config/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/form/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/query/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/ranger/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/router/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/start/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/store/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/table/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/_libraries/virtual/$version/\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version/docs/framework/$framework/$\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}},\"/$libraryId/$version/docs/framework/$framework/examples/$\":{\"preloads\":{\"$undefined\":0},\"assets\":{\"$undefined\":0}}}},\"dehydratedData\":{\"dehydratedQueryClient\":{\"mutations\":[],\"queries\":[]}}}"; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/_build/assets/logo-color-100w-br5_Ikqp.png"/><link rel="preload" as="image" href="/_build/assets/splash-light-CHqMsyq8.png"/><link rel="preload" as="image" href="/_build/assets/splash-dark-8nwlc0Nt.png"/><link rel="preload" as="image" href="/_build/assets/clerk-logo-light-BYN-U_0H.svg"/><link rel="preload" as="image" href="/_build/assets/clerk-logo-dark-CRE22T_2.svg"/><link rel="preload" as="image" href="/_build/assets/speakeasy-light-UpY7QmwQ.svg"/><link rel="preload" as="image" href="/_build/assets/speakeasy-dark-BjP-Hd9M.svg"/><link rel="preload" as="image" href="/_build/assets/bytes-uidotdev-BrGiV4zs.png"/><link rel="preload" as="image" href="/_build/assets/nozzle-BGvMJZhc.png"/><link rel="preload" as="image" href="/_build/assets/bytes-DmvnG3ZO.svg"/><script async="" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script><title>TanStack | High Quality Open-Source Software for Web Developers</title><meta name="description" content="Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components."/><meta name="keywords" content="tanstack,react,reactjs,react query,react table,open source,open source software,oss,software"/><meta name="twitter:title" content="TanStack | High Quality Open-Source Software for Web Developers"/><meta name="twitter:description" content="Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components."/><meta name="twitter:creator" content="@tannerlinsley"/><meta name="twitter:site" content="@tannerlinsley"/><meta property="og:type" content="website"/><meta property="og:title" content="TanStack | High Quality Open-Source Software for Web Developers"/><meta property="og:description" content="Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components."/><meta name="twitter:image" content="https://tanstack.com/_build/assets/og-A4BVqboc.png"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://tanstack.com/_build/assets/og-A4BVqboc.png"/><meta name="google-adsense-account" content="ca-pub-9403278435468733"/><link rel="modulepreload" href="/_build/assets/client-Bq7T0aMU.js"/><link rel="modulepreload" href="/_build/assets/client-BnWqWPhJ.js"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest" color="#fffff"/><link rel="icon" href="/favicon.ico"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/><link rel="stylesheet" href="/_build/assets/app-BDq60YiQ.css"/><link rel="stylesheet" href="/_build/assets/carbon-DMWd1FYf.css"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"/><script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5N57KQT4'); </script></head><body><div class="fixed inset-0 z-0 pointer-events-none transition-opacity duration-[2s] ease-linear [&+*]:relative opacity-0"><canvas></canvas></div><template id="B:0"></template><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5N57KQT4" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><script type="module" async="">import("/_build/assets/client-Bq7T0aMU.js")</script><div hidden id="S:0"><div class="min-h-screen flex flex-col min-w-0 lg:flex-row w-full transition-all duration-300"><div class="lg:hidden bg-white/50 dark:bg-black/60 sticky top-0 z-20 backdrop-blur-[20px]"><details id="docs-details" class="border-b border-gray-500 border-opacity-20"><summary class="p-4 flex gap-2 items-center justify-between"><div class="flex-1 flex gap-2 items-center text-xl md:text-2xl"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" class="icon-open mr-2 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M2 5.99519C2 5.44556 2.44556 5 2.99519 5H11.0048C11.5544 5 12 5.44556 12 5.99519C12 6.54482 11.5544 6.99039 11.0048 6.99039H2.99519C2.44556 6.99039 2 6.54482 2 5.99519Z" fill="currentColor"></path><path d="M2 11.9998C2 11.4501 2.44556 11.0046 2.99519 11.0046H21.0048C21.5544 11.0046 22 11.4501 22 11.9998C22 12.5494 21.5544 12.9949 21.0048 12.9949H2.99519C2.44556 12.9949 2 12.5494 2 11.9998Z" fill="currentColor"></path><path d="M2.99519 17.0096C2.44556 17.0096 2 17.4552 2 18.0048C2 18.5544 2.44556 19 2.99519 19H15.0048C15.5544 19 16 18.5544 16 18.0048C16 17.4552 15.5544 17.0096 15.0048 17.0096H2.99519Z" fill="currentColor"></path></svg><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" class="icon-close mr-2 cursor-pointer" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z" fill="currentColor"></path></svg><div class="flex-1 flex items-center gap-4 justify-between"><a class="flex items-center gap-1.5 active" href="/" data-status="active" aria-current="page"><img src="/_build/assets/logo-color-100w-br5_Ikqp.png" alt="" class="w-[30px] rounded-full overflow-hidden border-2 border-black dark:border-none"/><div class="font-black text-xl uppercase">TanStack</div></a><div class="flex items-center gap-1"><a href="https://x.com/tan_stack" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z"></path></svg></a><a href="https://bsky.app/profile/tanstack.com" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z"></path></svg></a><a href="https://instagram.com/tan_stack" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div><div class="ml-auto"><div class="w-12 h-6 bg-gray-500/10 dark:bg-gray-800 rounded-full flex items-center justify-between cursor-pointer relative transition-all"><div class="flex-1 flex items-center justify-between px-1.5"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm transition-opacity opacity-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm transition-opacity opacity-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg><span class="uppercase select-none font-black text-[.6rem] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transition-opacity opacity-30 hover:opacity-50">Auto</span></div><div class="absolute w-6 h-6 rounded-full shadow-md shadow-black/20 bg-white dark:bg-gray-400 transition-all duration-300 ease-in-out" style="left:50%;transform:translateX(-50%) scale(0)"></div></div></div></div></div></summary><div class="flex flex-col gap-4 whitespace-nowrap h-[0vh] overflow-y-auto border-t border-gray-500 border-opacity-20 text-lg bg-white/80 dark:bg-black/20"><div class="p-2 pb-0"><div class="bg-gray-500/5 h-[41px] rounded-md flex items-center pl-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="animate-spin" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z"></path></svg></div></div><div class="space-y-px text-sm p-2 border-b border-gray-500/10 dark:border-gray-500/20"><div><div><a href="/start"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-start"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-cyan-500">Start</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-cyan-500">beta</span></div></a><div class="hidden"><a href="/start/latest/docs/framework/react/examples/start-basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/start/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/router" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/router"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-router"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-emerald-500 dark:text-emerald-400">Router</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-emerald-500 dark:text-emerald-400">new</span></div></a><div class="hidden"><a href="/router/latest/docs/framework/react/examples/kitchen-sink-file-based" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/router/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/router" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/query"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-query"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-red-500">Query</span></span></div></a><div class="hidden"><a href="/query/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/query/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/query" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/table"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-table"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-blue-500">Table</span></span></div></a><div class="hidden"><a href="/table/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="text-lg" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/table/latest/docs/introduction" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/table" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/form"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-form"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-yellow-500">Form</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-yellow-500">new</span></div></a><div class="hidden"><a href="/form/latest/docs/framework/react/examples/simple" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/form/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/form" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/virtual"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-virtual"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-purple-500">Virtual</span></span></div></a><div class="hidden"><a href="/virtual/latest/docs/framework/react/examples/dynamic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/virtual/latest/docs/introduction" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/virtual" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/ranger"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-ranger"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-pink-500">Ranger</span></span></div></a><div class="hidden"><a href="/ranger/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/ranger/latest/docs/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/ranger" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/store"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-store"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-twine-500">Store</span></span></div></a><div class="hidden"><a href="/store/latest/docs/framework/react/examples/simple" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/store/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/store" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/config"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-config"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-slate-500">Config</span></span></div></a><div class="hidden"><a href="/config/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/config" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div class="py-2"><div class="bg-gray-500/10 h-px"></div></div><a href="/support" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm7.46 7.12-2.78 1.15a4.982 4.982 0 0 0-2.95-2.94l1.15-2.78c2.1.8 3.77 2.47 4.58 4.57zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zM9.13 4.54l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.984 7.984 0 0 1 4.59-4.59zM4.54 14.87l2.78-1.15a4.968 4.968 0 0 0 2.97 2.96l-1.17 2.78a7.996 7.996 0 0 1-4.58-4.59zm10.34 4.59-1.15-2.78a4.978 4.978 0 0 0 2.95-2.97l2.78 1.17a8.007 8.007 0 0 1-4.58 4.58z"></path></svg></div><div>Support</div></div></a><a href="/learn" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"></path></svg></div><div>Learn</div></div></a><a href="https://tlinz.com/discord" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></div><div>Discord</div></div></a><a href="https://cottonbureau.com/people/tanstack" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M631.2 96.5L436.5 0C416.4 27.8 371.9 47.2 320 47.2S223.6 27.8 203.5 0L8.8 96.5c-7.9 4-11.1 13.6-7.2 21.5l57.2 114.5c4 7.9 13.6 11.1 21.5 7.2l56.6-27.7c10.6-5.2 23 2.5 23 14.4V480c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32V226.3c0-11.8 12.4-19.6 23-14.4l56.6 27.7c7.9 4 17.5.8 21.5-7.2L638.3 118c4-7.9.8-17.6-7.1-21.5z"></path></svg></div><div>Merch</div></div></a><a href="/blog" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.939C14.2091 18.939 16 17.1482 16 14.939C16 12.7299 14.2091 10.939 12 10.939C9.79086 10.939 8 12.7299 8 14.939C8 17.1482 9.79086 18.939 12 18.939ZM12 16.939C13.1046 16.939 14 16.0436 14 14.939C14 13.8345 13.1046 12.939 12 12.939C10.8954 12.939 10 13.8345 10 14.939C10 16.0436 10.8954 16.939 12 16.939Z" fill="currentColor"></path><path d="M12 9.04401C13.1046 9.04401 14 8.14858 14 7.04401C14 5.93944 13.1046 5.04401 12 5.04401C10.8954 5.04401 10 5.93944 10 7.04401C10 8.14858 10.8954 9.04401 12 9.04401Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C5.34315 1 4 2.34315 4 4V20C4 21.6569 5.34315 23 7 23H17C18.6569 23 20 21.6569 20 20V4C20 2.34315 18.6569 1 17 1H7ZM17 3H7C6.44772 3 6 3.44772 6 4V20C6 20.5523 6.44772 21 7 21H17C17.5523 21 18 20.5523 18 20V4C18 3.44772 17.5523 3 17 3Z" fill="currentColor"></path></svg></div><div>Blog</div></div></a><a href="https://github.com/tanstack" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></div><div>GitHub</div></div></a><a href="/ethos" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.488 21.754c.294.157.663.156.957-.001 8.012-4.304 8.581-12.713 8.574-15.104a.988.988 0 0 0-.596-.903l-8.05-3.566a1.005 1.005 0 0 0-.813.001L3.566 5.747a.99.99 0 0 0-.592.892c-.034 2.379.445 10.806 8.514 15.115zM8.674 10.293l2.293 2.293 4.293-4.293 1.414 1.414-5.707 5.707-3.707-3.707 1.414-1.414z"></path></svg></div><div>Ethos</div></div></a></div></div></details></div><div class="min-w-[250px] hidden lg:flex flex-col h-screen sticky top-0 z-20 bg-white/50 dark:bg-black/30 shadow-xl dark:border-r border-gray-500/20"><div class="p-4 flex gap-2 items-center text-2xl border-b border-gray-500/10 dark:border-gray-500/20"><div class="flex-1 flex items-center gap-4 justify-between"><a class="flex items-center gap-1.5 active" href="/" data-status="active" aria-current="page"><img src="/_build/assets/logo-color-100w-br5_Ikqp.png" alt="" class="w-[30px] rounded-full overflow-hidden border-2 border-black dark:border-none"/><div class="font-black text-xl uppercase">TanStack</div></a><div class="flex items-center gap-1"><a href="https://x.com/tan_stack" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c0 -.249 1.51 -2.772 1.818 -4.013z"></path></svg></a><a href="https://bsky.app/profile/tanstack.com" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z"></path></svg></a><a href="https://instagram.com/tan_stack" class="opacity-70 hover:opacity-100"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div><div class="ml-auto"><div class="w-12 h-6 bg-gray-500/10 dark:bg-gray-800 rounded-full flex items-center justify-between cursor-pointer relative transition-all"><div class="flex-1 flex items-center justify-between px-1.5"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm transition-opacity opacity-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm transition-opacity opacity-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg><span class="uppercase select-none font-black text-[.6rem] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transition-opacity opacity-30 hover:opacity-50">Auto</span></div><div class="absolute w-6 h-6 rounded-full shadow-md shadow-black/20 bg-white dark:bg-gray-400 transition-all duration-300 ease-in-out" style="left:50%;transform:translateX(-50%) scale(0)"></div></div></div></div></div><div class="p-2"><div class="bg-gray-500/5 h-[41px] rounded-md flex items-center pl-4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="animate-spin" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8c-0.020-1.045-0.247-2.086-0.665-3.038-0.417-0.953-1.023-1.817-1.766-2.53s-1.624-1.278-2.578-1.651c-0.953-0.374-1.978-0.552-2.991-0.531-1.013 0.020-2.021 0.24-2.943 0.646-0.923 0.405-1.758 0.992-2.449 1.712s-1.237 1.574-1.597 2.497c-0.361 0.923-0.533 1.914-0.512 2.895 0.020 0.981 0.234 1.955 0.627 2.847 0.392 0.892 0.961 1.7 1.658 2.368s1.523 1.195 2.416 1.543c0.892 0.348 1.851 0.514 2.799 0.493 0.949-0.020 1.89-0.227 2.751-0.608 0.862-0.379 1.642-0.929 2.287-1.604s1.154-1.472 1.488-2.335c0.204-0.523 0.342-1.069 0.415-1.622 0.019 0.001 0.039 0.002 0.059 0.002 0.552 0 1-0.448 1-1 0-0.028-0.001-0.056-0.004-0.083h0.004zM14.411 10.655c-0.367 0.831-0.898 1.584-1.55 2.206s-1.422 1.112-2.254 1.434c-0.832 0.323-1.723 0.476-2.608 0.454-0.884-0.020-1.759-0.215-2.56-0.57-0.801-0.354-1.526-0.867-2.125-1.495s-1.071-1.371-1.38-2.173c-0.31-0.801-0.457-1.66-0.435-2.512s0.208-1.694 0.551-2.464c0.342-0.77 0.836-1.468 1.441-2.044s1.321-1.029 2.092-1.326c0.771-0.298 1.596-0.438 2.416-0.416s1.629 0.202 2.368 0.532c0.74 0.329 1.41 0.805 1.963 1.387s0.988 1.27 1.272 2.011c0.285 0.74 0.418 1.532 0.397 2.32h0.004c-0.002 0.027-0.004 0.055-0.004 0.083 0 0.516 0.39 0.94 0.892 0.994-0.097 0.544-0.258 1.075-0.481 1.578z"></path></svg></div></div><div class="flex-1 flex flex-col gap-4 whitespace-nowrap overflow-y-auto text-base pb-[50px]"><div class="space-y-1 text-sm p-2 border-b border-gray-500/10 dark:border-gray-500/20"><div><div><a href="/start"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-start"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-cyan-500">Start</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-cyan-500">beta</span></div></a><div class="hidden"><a href="/start/latest/docs/framework/react/examples/start-basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/start/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/router" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/router"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-router"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-emerald-500 dark:text-emerald-400">Router</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-emerald-500 dark:text-emerald-400">new</span></div></a><div class="hidden"><a href="/router/latest/docs/framework/react/examples/kitchen-sink-file-based" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/router/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/router" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/query"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-query"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-red-500">Query</span></span></div></a><div class="hidden"><a href="/query/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/query/latest/docs/framework/react/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/query" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>GitHub</a></div></div></div><div><div><a href="/table"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-table"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-blue-500">Table</span></span></div></a><div class="hidden"><a href="/table/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="text-lg" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/table/latest/docs/introduction" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/table" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/form"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-form"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-yellow-500">Form</span></span><span class="px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/20 rounded-full text-[.7rem] group-hover:opacity-100 transition-opacity animate-pulse text-yellow-500">new</span></div></a><div class="hidden"><a href="/form/latest/docs/framework/react/examples/simple" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/form/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/form" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/virtual"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-virtual"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-purple-500">Virtual</span></span></div></a><div class="hidden"><a href="/virtual/latest/docs/framework/react/examples/dynamic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/virtual/latest/docs/introduction" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/virtual" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/ranger"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-ranger"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-pink-500">Ranger</span></span></div></a><div class="hidden"><a href="/ranger/latest/docs/framework/react/examples/basic" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/ranger/latest/docs/overview" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/ranger" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/store"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-store"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-twine-500">Store</span></span></div></a><div class="hidden"><a href="/store/latest/docs/framework/react/examples/simple" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2h12l1 1v10l-1 1H2l-1-1V3l1-1zm0 11h12V3H2v10zm11-9H3v3h10V4zm-1 2H4V5h8v1zm-3 6h4V8H9v4zm1-3h2v2h-2V9zM7 8H3v1h4V8zm-4 3h4v1H3v-1z"></path></svg>Examples</a><a href="/store/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/store" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div><div><a href="/config"><div class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-black"><span style="view-transition-name:library-name-config"><span class="font-light dark:font-bold dark:opacity-40">TanStack</span> <span class="text-slate-500">Config</span></span></div></a><div class="hidden"><a href="/config/latest/docs" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2zm0 14H5V5c0-.806.55-.988 1-1h13v12z"></path></svg>Docs</a><a href="https://github.com/tanstack/config" class="flex gap-2 items-center px-2 ml-2 my-1 py-0.5 rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>Github</a></div></div></div><div class="py-2"><div class="bg-gray-500/10 h-px"></div></div><a href="/support" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm7.46 7.12-2.78 1.15a4.982 4.982 0 0 0-2.95-2.94l1.15-2.78c2.1.8 3.77 2.47 4.58 4.57zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zM9.13 4.54l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.984 7.984 0 0 1 4.59-4.59zM4.54 14.87l2.78-1.15a4.968 4.968 0 0 0 2.97 2.96l-1.17 2.78a7.996 7.996 0 0 1-4.58-4.59zm10.34 4.59-1.15-2.78a4.978 4.978 0 0 0 2.95-2.97l2.78 1.17a8.007 8.007 0 0 1-4.58 4.58z"></path></svg></div><div>Support</div></div></a><a href="/learn" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"></path></svg></div><div>Learn</div></div></a><a href="https://tlinz.com/discord" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></div><div>Discord</div></div></a><a href="https://cottonbureau.com/people/tanstack" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M631.2 96.5L436.5 0C416.4 27.8 371.9 47.2 320 47.2S223.6 27.8 203.5 0L8.8 96.5c-7.9 4-11.1 13.6-7.2 21.5l57.2 114.5c4 7.9 13.6 11.1 21.5 7.2l56.6-27.7c10.6-5.2 23 2.5 23 14.4V480c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32V226.3c0-11.8 12.4-19.6 23-14.4l56.6 27.7c7.9 4 17.5.8 21.5-7.2L638.3 118c4-7.9.8-17.6-7.1-21.5z"></path></svg></div><div>Merch</div></div></a><a href="/blog" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.939C14.2091 18.939 16 17.1482 16 14.939C16 12.7299 14.2091 10.939 12 10.939C9.79086 10.939 8 12.7299 8 14.939C8 17.1482 9.79086 18.939 12 18.939ZM12 16.939C13.1046 16.939 14 16.0436 14 14.939C14 13.8345 13.1046 12.939 12 12.939C10.8954 12.939 10 13.8345 10 14.939C10 16.0436 10.8954 16.939 12 16.939Z" fill="currentColor"></path><path d="M12 9.04401C13.1046 9.04401 14 8.14858 14 7.04401C14 5.93944 13.1046 5.04401 12 5.04401C10.8954 5.04401 10 5.93944 10 7.04401C10 8.14858 10.8954 9.04401 12 9.04401Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C5.34315 1 4 2.34315 4 4V20C4 21.6569 5.34315 23 7 23H17C18.6569 23 20 21.6569 20 20V4C20 2.34315 18.6569 1 17 1H7ZM17 3H7C6.44772 3 6 3.44772 6 4V20C6 20.5523 6.44772 21 7 21H17C17.5523 21 18 20.5523 18 20V4C18 3.44772 17.5523 3 17 3Z" fill="currentColor"></path></svg></div><div>Blog</div></div></a><a href="https://github.com/tanstack" target="_blank" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></div><div>GitHub</div></div></a><a href="/ethos" class="flex items-center justify-between group px-2 py-1 rounded-lg hover:bg-gray-500 hover:bg-opacity-10 font-normal"><div class="flex items-center gap-2"><div class="flex items-center gap-4 justify-between"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.488 21.754c.294.157.663.156.957-.001 8.012-4.304 8.581-12.713 8.574-15.104a.988.988 0 0 0-.596-.903l-8.05-3.566a1.005 1.005 0 0 0-.813.001L3.566 5.747a.99.99 0 0 0-.592.892c-.034 2.379.445 10.806 8.514 15.115zM8.674 10.293l2.293 2.293 4.293-4.293 1.414 1.414-5.707 5.707-3.707-3.707 1.414-1.414z"></path></svg></div><div>Ethos</div></div></a></div></div></div><div class="flex flex-1 min-h-0 relative justify-center overflow-x-hidden"><div class="max-w-full z-10"><div class="flex flex-col xl:flex-row items-center gap-4 xl:pt-24 xl:justify-center"><img src="/_build/assets/splash-light-CHqMsyq8.png" class="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] dark:hidden" alt="TanStack Logo"/><img src="/_build/assets/splash-dark-8nwlc0Nt.png" class="w-[300px] pt-8 xl:pt-0 xl:w-[400px] 2xl:w-[500px] hidden dark:block" alt="TanStack Logo"/><div class="flex flex-col items-center gap-6 text-center px-4 xl:text-left xl:items-start"><div class="flex gap-2 lg:gap-4 items-center"><h1 class="inline-block font-black text-5xl md:text-6xl lg:text-8xl"><span class=" inline-block text-black dark:text-white mb-2 uppercase [letter-spacing:-.04em] pr-1.5 ">TanStack</span></h1></div><h2 class="font-bold text-2xl max-w-md md:text-4xl md:max-w-2xl 2xl:text-5xl lg:max-w-2xl text-balance">High-quality open-source software for <span class="underline decoration-dashed decoration-yellow-500 decoration-3 underline-offset-2">web developers.</span></h2><p class="text opacity-90 max-w-sm lg:text-xl lg:max-w-2xl text-balance">Headless, type-safe, & powerful utilities for Web Applications, Routing, State Management, Data Visualization, Datagrids/Tables, and more.</p></div></div><div class="h-8"></div><div class="w-fit mx-auto px-4"><template id="P:1"></template></div><div class="h-24"></div><div class="px-4 lg:max-w-screen-lg md:mx-auto"><h3 class="text-4xl font-light">Open Source Libraries</h3><div class="mt-4 grid grid-cols-1 gap-8 sm:grid-cols-2 sm:gap-4 lg:grid-cols-3"><a href="/start" style="z-index:0" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-cyan-500/20 dark:shadow-lg dark:shadow-cyan-500/30 text-cyan-500 dark:text-white-400 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-start"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Start</div></div><div class="text-base italic font-normal mt-2">Full-stack React Framework powered by TanStack Router</div><div class="text-sm mt-2 text-black dark:text-white">Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router and Vite - Ready to deploy to your favorite hosting provider.</div></a><a href="/router" style="z-index:1" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-emerald-700/20 dark:shadow-lg dark:shadow-emerald-500/30 text-emerald-500 dark:text-emerald-400 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-router"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Router</div></div><div class="text-base italic font-normal mt-2">Type-safe Routing for React applications.</div><div class="text-sm mt-2 text-black dark:text-white">A powerful React router for client-side and full-stack react applications. Fully type-safe APIs, first-class search-params for managing state in the URL and seamless integration with the existing React ecosystem.</div></a><a href="/query" style="z-index:2" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-red-700/20 dark:shadow-lg dark:shadow-red-500/30 text-red-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-query"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Query</div></div><div class="text-base italic font-normal mt-2">Powerful asynchronous state management, server-state utilities and data fetching</div><div class="text-sm mt-2 text-black dark:text-white">Powerful asynchronous state management, server-state utilities and data fetching. Fetch, cache, update, and wrangle all forms of async data in your TS/JS, React, Vue, Solid, Svelte & Angular applications all without touching any "global state"</div></a><a href="/table" style="z-index:3" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-blue-700/20 dark:shadow-lg dark:shadow-blue-500/30 text-blue-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-table"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Table</div></div><div class="text-base italic font-normal mt-2">Headless UI for building powerful tables & datagrids</div><div class="text-sm mt-2 text-black dark:text-white">Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.</div></a><a href="/form" style="z-index:4" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-yellow-700/20 dark:shadow-lg dark:shadow-yellow-500/30 text-yellow-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-form"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Form</div></div><div class="text-base italic font-normal mt-2">Headless UI for building performant and type-safe forms</div><div class="text-sm mt-2 text-black dark:text-white">Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Lit</div></a><a href="/virtual" style="z-index:5" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-purple-700/20 dark:shadow-lg dark:shadow-purple-500/30 text-purple-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-virtual"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Virtual</div></div><div class="text-base italic font-normal mt-2">Headless UI for Virtualizing Large Element Lists</div><div class="text-sm mt-2 text-black dark:text-white">Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular while retaining 100% control over markup and styles.</div></a><a href="/ranger" style="z-index:6" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-pink-700/20 dark:shadow-lg dark:shadow-pink-500/30 text-pink-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-ranger"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Ranger</div></div><div class="text-base italic font-normal mt-2">Headless range and multi-range slider utilities.</div><div class="text-sm mt-2 text-black dark:text-white">Headless, lightweight, and extensible primitives for building range and multi-range sliders.</div></a><a href="/store" style="z-index:7" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-twine-700/20 dark:shadow-lg dark:shadow-twine-500/20 text-twine-500 dark:text-twine-400 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-store"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Store</div></div><div class="text-base italic font-normal mt-2">Framework agnostic data store with reactive framework adapters</div><div class="text-sm mt-2 text-black dark:text-white">The immutable-reactive data store that powers the core of TanStack libraries and their framework adapters.</div></a><a href="/config" style="z-index:8" class="rounded-lg p-4 md:p-8 transition-all bg-white/80 dark:bg-black/40 dark:border dark:border-gray-800 hover:bg-white dark:hover:bg-black/60 relative overflow-hidden shadow-xl shadow-slate-700/20 dark:shadow-lg dark:shadow-slate-500/30 text-slate-500 border-2 border-transparent hover:border-current"><div class="flex gap-2 justify-between items-center"><div class="flex items-center gap-1.5 text-[1.3rem] font-extrabold uppercase [letter-spacing:-.04em]" style="view-transition-name:library-name-config"><span class="bg-current rounded-md leading-none flex items-center"><span class="font-black text-white dark:text-black text-xs leading-none p-1 px-1.5 uppercase">TanStack</span></span>Config</div></div><div class="text-base italic font-normal mt-2">Configuration and tools for publishing and maintaining high-quality JavaScript packages</div><div class="text-sm mt-2 text-black dark:text-white">The build and publish utilities used by all of our projects. Use it if you dare!</div></a></div></div><div class="h-12"></div><div class="px-4 lg:max-w-screen-lg md:mx-auto"><h3 class="text-4xl font-light mb-4">Partners</h3><div class="grid grid-cols-1 gap-6 sm:grid-cols-2"><a href="https://go.clerk.com/wOwHtuJ" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="w-full h-full flex items-center justify-center px-4 py-12"><img src="/_build/assets/clerk-logo-light-BYN-U_0H.svg" alt="Clerk" class="w-[200px] max-w-full dark:hidden"/><img src="/_build/assets/clerk-logo-dark-CRE22T_2.svg" alt="Clerk" class="w-[200px] max-w-full hidden dark:block"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Clerk and TanStack are partnering to elevate your application's <strong>security and user experience</strong> with industry-leading <strong>authentication and user management</strong>. Paired with TanStack's no-nonsense routing and tooling, you'll be equipped to effortlessly deliver top-notch experiences that your users can trust and your developers can rely on.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://ag-grid.com/react-data-grid/?utm_source=reacttable&utm_campaign=githubreacttable" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="px-8 py-8"><img src="data:image/svg+xml,%3csvg%20clip-rule='evenodd'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20viewBox='0%200%20235%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(.635723%200%200%20.635723%20-492.921%20-323.608)'%3e%3cg%20fill-rule='nonzero'%3e%3cpath%20d='m1099.4%20549.4v-12.5h-21.3l-12.5%2012.5z'%20fill='%23ff8b00'/%3e%3cpath%20d='m1123.4%20518.4h-26.7l-12.6%2012.5h39.3z'%20fill='%2355b2c6'/%3e%3cpath%20d='m1053.2%20561.9%206.4-6.4h21.6v12.5h-28z'%20fill='%23f00'/%3e%3cpath%20d='m1057.9%20543.3h13.8l12.6-12.5h-26.4z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m1042.8%20561.9h10.4l12.4-12.5h-22.8z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m1096.7%20518.4-6.4%206.4h-40.8v-12.5h47.2z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m828.6%20559.7h-19.6l-3.4%208.4h-8.6l18.1-42.4h7.5l18.1%2042.4h-8.7zm-2.7-6.7-7.1-17.3-7.1%2017.3z'%20fill='%23031c4c'/%3e%3cpath%20d='m960.1%20541.3c2.5-3.7%208.8-4.1%2011.4-4.1v7.2c-3.2%200-6.4.1-8.3%201.5s-2.9%203.3-2.9%205.6v16.6h-7.8v-30.9h7.5z'%20fill='%23031c4c'/%3e%3c/g%3e%3cpath%20d='m975.8%20537.2h7.8v30.9h-7.8z'%20fill='%23031c4c'/%3e%3cpath%20d='m975.8%20523.4h7.8v9.2h-7.8z'%20fill='%23031c4c'/%3e%3cpath%20d='m1022.3%20523.4v44.7h-7.5l-.2-4.7c-1.1%201.6-2.5%202.9-4.2%203.9-1.7.9-3.8%201.4-6.2%201.4-2.1%200-4.1-.4-5.8-1.1-1.8-.8-3.4-1.8-4.7-3.2s-2.4-3.1-3.1-5c-.8-1.9-1.1-4.1-1.1-6.5s.4-4.6%201.1-6.6c.8-2%201.8-3.7%203.1-5.1s2.9-2.5%204.7-3.3%203.7-1.2%205.8-1.2c2.4%200%204.4.4%206.1%201.3s3.1%202.1%204.2%203.8v-18.3h7.8zm-16.4%2038.6c2.6%200%204.6-.9%206.2-2.6s2.4-4%202.4-6.8-.8-5-2.4-6.8c-1.6-1.7-3.6-2.6-6.2-2.6-2.5%200-4.6.9-6.1%202.6-1.6%201.7-2.4%204-2.4%206.8s.8%205%202.4%206.7c1.6%201.8%203.6%202.7%206.1%202.7'%20fill='%23031c4c'%20fill-rule='nonzero'/%3e%3cpath%20d='m885.8%20544.2h-19.3v6.7h11c-.3%203.4-1.6%206-3.8%208.1-2.2%202-5%203-8.6%203-2%200-3.9-.4-5.5-1.1-1.7-.7-3.1-1.7-4.3-3.1-1.2-1.3-2.1-2.9-2.8-4.8s-1-3.9-1-6.2.3-4.3%201-6.2c.6-1.9%201.6-3.4%202.8-4.8%201.2-1.3%202.6-2.3%204.3-3.1%201.7-.7%203.5-1.1%205.6-1.1%204.2%200%207.4%201%209.6%203l5.2-5.2c-3.9-3-8.9-4.6-14.8-4.6-3.3%200-6.3.5-9%201.6s-5%202.5-6.9%204.4-3.4%204.2-4.4%206.9-1.5%205.7-1.5%208.9.5%206.2%201.6%208.9%202.5%205%204.4%206.9%204.2%203.4%206.9%204.4c2.7%201.1%205.7%201.6%208.9%201.6s6.1-.5%208.7-1.6%204.8-2.5%206.6-4.4%203.2-4.2%204.2-6.9%201.5-5.7%201.5-8.9v-1.3c-.3-.2-.4-.7-.4-1.1'%20fill='%23031c4c'%20fill-rule='nonzero'/%3e%3cpath%20d='m946.8%20544.2h-19.3v6.7h11c-.3%203.4-1.6%206-3.8%208.1-2.2%202-5%203-8.6%203-2%200-3.9-.4-5.5-1.1-1.7-.7-3.1-1.7-4.3-3.1-1.2-1.3-2.1-2.9-2.8-4.8s-1-3.9-1-6.2.3-4.3%201-6.2c.6-1.9%201.6-3.4%202.8-4.8%201.2-1.3%202.6-2.3%204.3-3.1%201.7-.7%203.5-1.1%205.6-1.1%204.2%200%207.4%201%209.6%203l5.2-5.2c-3.9-3-8.9-4.6-14.8-4.6-3.3%200-6.3.5-9%201.6s-5%202.5-6.9%204.4-3.4%204.2-4.4%206.9-1.5%205.7-1.5%208.9.5%206.2%201.6%208.9%202.5%205%204.4%206.9%204.2%203.4%206.9%204.4c2.7%201.1%205.7%201.6%208.9%201.6s6.1-.5%208.7-1.6%204.8-2.5%206.6-4.4%203.2-4.2%204.2-6.9%201.5-5.7%201.5-8.9v-1.3c-.3-.2-.4-.7-.4-1.1'%20fill='%23031c4c'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e" alt="Enterprise Data Grid" class="w-[290px] max-w-full dark:hidden" width="290" height="95"/><img src="data:image/svg+xml,%3csvg%20clip-rule='evenodd'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20viewBox='0%200%20235%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(.635723%200%200%20.635723%20-492.921%20-323.608)'%3e%3cg%20fill-rule='nonzero'%3e%3cpath%20d='m1099.4%20549.4v-12.5h-21.3l-12.5%2012.5z'%20fill='%23ff8b00'/%3e%3cpath%20d='m1123.4%20518.4h-26.7l-12.6%2012.5h39.3z'%20fill='%2355b2c6'/%3e%3cpath%20d='m1053.2%20561.9%206.4-6.4h21.6v12.5h-28z'%20fill='%23f00'/%3e%3cpath%20d='m1057.9%20543.3h13.8l12.6-12.5h-26.4z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m1042.8%20561.9h10.4l12.4-12.5h-22.8z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m1096.7%20518.4-6.4%206.4h-40.8v-12.5h47.2z'%20fill='%23b4bbbf'/%3e%3cpath%20d='m828.6%20559.7h-19.6l-3.4%208.4h-8.6l18.1-42.4h7.5l18.1%2042.4h-8.7zm-2.7-6.7-7.1-17.3-7.1%2017.3z'%20fill='%23fff'/%3e%3cpath%20d='m960.1%20541.3c2.5-3.7%208.8-4.1%2011.4-4.1v7.2c-3.2%200-6.4.1-8.3%201.5s-2.9%203.3-2.9%205.6v16.6h-7.8v-30.9h7.5z'%20fill='%23fff'/%3e%3c/g%3e%3cpath%20d='m975.8%20537.2h7.8v30.9h-7.8z'%20fill='%23fff'/%3e%3cpath%20d='m975.8%20523.4h7.8v9.2h-7.8z'%20fill='%23fff'/%3e%3cpath%20d='m1022.3%20523.4v44.7h-7.5l-.2-4.7c-1.1%201.6-2.5%202.9-4.2%203.9-1.7.9-3.8%201.4-6.2%201.4-2.1%200-4.1-.4-5.8-1.1-1.8-.8-3.4-1.8-4.7-3.2s-2.4-3.1-3.1-5c-.8-1.9-1.1-4.1-1.1-6.5s.4-4.6%201.1-6.6c.8-2%201.8-3.7%203.1-5.1s2.9-2.5%204.7-3.3%203.7-1.2%205.8-1.2c2.4%200%204.4.4%206.1%201.3s3.1%202.1%204.2%203.8v-18.3h7.8zm-16.4%2038.6c2.6%200%204.6-.9%206.2-2.6s2.4-4%202.4-6.8-.8-5-2.4-6.8c-1.6-1.7-3.6-2.6-6.2-2.6-2.5%200-4.6.9-6.1%202.6-1.6%201.7-2.4%204-2.4%206.8s.8%205%202.4%206.7c1.6%201.8%203.6%202.7%206.1%202.7'%20fill='%23fff'%20fill-rule='nonzero'/%3e%3cpath%20d='m885.8%20544.2h-19.3v6.7h11c-.3%203.4-1.6%206-3.8%208.1-2.2%202-5%203-8.6%203-2%200-3.9-.4-5.5-1.1-1.7-.7-3.1-1.7-4.3-3.1-1.2-1.3-2.1-2.9-2.8-4.8s-1-3.9-1-6.2.3-4.3%201-6.2c.6-1.9%201.6-3.4%202.8-4.8%201.2-1.3%202.6-2.3%204.3-3.1%201.7-.7%203.5-1.1%205.6-1.1%204.2%200%207.4%201%209.6%203l5.2-5.2c-3.9-3-8.9-4.6-14.8-4.6-3.3%200-6.3.5-9%201.6s-5%202.5-6.9%204.4-3.4%204.2-4.4%206.9-1.5%205.7-1.5%208.9.5%206.2%201.6%208.9%202.5%205%204.4%206.9%204.2%203.4%206.9%204.4c2.7%201.1%205.7%201.6%208.9%201.6s6.1-.5%208.7-1.6%204.8-2.5%206.6-4.4%203.2-4.2%204.2-6.9%201.5-5.7%201.5-8.9v-1.3c-.3-.2-.4-.7-.4-1.1'%20fill='%23fff'%20fill-rule='nonzero'/%3e%3cpath%20d='m946.8%20544.2h-19.3v6.7h11c-.3%203.4-1.6%206-3.8%208.1-2.2%202-5%203-8.6%203-2%200-3.9-.4-5.5-1.1-1.7-.7-3.1-1.7-4.3-3.1-1.2-1.3-2.1-2.9-2.8-4.8s-1-3.9-1-6.2.3-4.3%201-6.2c.6-1.9%201.6-3.4%202.8-4.8%201.2-1.3%202.6-2.3%204.3-3.1%201.7-.7%203.5-1.1%205.6-1.1%204.2%200%207.4%201%209.6%203l5.2-5.2c-3.9-3-8.9-4.6-14.8-4.6-3.3%200-6.3.5-9%201.6s-5%202.5-6.9%204.4-3.4%204.2-4.4%206.9-1.5%205.7-1.5%208.9.5%206.2%201.6%208.9%202.5%205%204.4%206.9%204.2%203.4%206.9%204.4c2.7%201.1%205.7%201.6%208.9%201.6s6.1-.5%208.7-1.6%204.8-2.5%206.6-4.4%203.2-4.2%204.2-6.9%201.5-5.7%201.5-8.9v-1.3c-.3-.2-.4-.7-.4-1.1'%20fill='%23fff'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e" alt="Enterprise Data Grid" class="w-[290px] max-w-full hidden dark:block" width="290" height="95"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">TanStack Table and AG Grid are respectfully the <strong>best table/datagrid libraries around</strong> and together are working hard to ensure the highest quality table/datagrid experience for the entire JS/TS ecosystem. Whether it's a lightweight table or a complex datagrid, we've we've got you covered.</div><a href="/blog/ag-grid-partnership" class="text-blue-500 uppercase font-black text-sm">Learn More</a></div></a><a href="https://netlify.com?utm_source=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="flex flex-col justify-center items-center pb-4 gap-2 relative w-full h-full"><div class="w-full h-full flex items-center justify-center px-4 pt-6 pb-2"><img src="data:image/svg+xml,%3csvg%20width='512'%20height='209'%20viewBox='0%200%20512%20209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_235_8)'%3e%3cpath%20d='M117.436%20207.036V154.604L118.529%20153.51H129.452L130.545%20154.604V207.036L129.452%20208.13H118.529L117.436%20207.036Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M117.436%2053.5225V1.09339L118.529%200H129.452L130.545%201.09339V53.5225L129.452%2054.6159H118.529L117.436%2053.5225Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M69.9539%20169.238H68.4094L60.6869%20161.512V159.967L78.7201%20141.938L86.8976%20141.942L87.9948%20143.031V151.209L69.9539%20169.238Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M69.9462%2038.8917H68.4017L60.6792%2046.6181V48.1626L78.7124%2066.192L86.8899%2066.1882L87.9871%2065.0986V56.9212L69.9462%2038.8917Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M1.09339%2097.5104H75.3711L76.4645%2098.6038V109.526L75.3711%20110.62H1.09339L0%20109.526V98.6038L1.09339%2097.5104Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M440.999%2097.5104H510.91L512.004%2098.6038V109.526L510.91%20110.62H436.633L435.539%20109.526L439.905%2098.6038L440.999%2097.5104Z'%20fill='%2305BDBA'/%3e%3cpath%20d='M212.056%20108.727L210.963%20109.821H177.079L175.986%20110.914C175.986%20113.101%20178.173%20119.657%20186.916%20119.657C190.196%20119.657%20193.472%20118.564%20194.566%20116.377L195.659%20115.284H208.776L209.869%20116.377C208.776%20122.934%20203.313%20132.774%20186.916%20132.774C168.336%20132.774%20159.589%20119.657%20159.589%20104.357C159.589%2089.0576%20168.332%2075.9408%20185.822%2075.9408C203.313%2075.9408%20212.056%2089.0576%20212.056%20104.357V108.731V108.727ZM195.659%2097.7971C195.659%2096.7037%20194.566%2089.0538%20185.822%2089.0538C177.079%2089.0538%20175.986%2096.7037%20175.986%2097.7971L177.079%2098.8905H194.566L195.659%2097.7971Z'%20fill='%23014847'/%3e%3cpath%20d='M242.66%20115.284C242.66%20117.47%20243.753%20118.564%20245.94%20118.564H255.776L256.87%20119.657V130.587L255.776%20131.681H245.94C236.103%20131.681%20227.36%20127.307%20227.36%20115.284V91.2368L226.266%2090.1434H218.617L217.523%2089.05V78.1199L218.617%2077.0265H226.266L227.36%2075.9332V66.0965L228.453%2065.0031H241.57L242.663%2066.0965V75.9332L243.757%2077.0265H255.78L256.874%2078.1199V89.05L255.78%2090.1434H243.757L242.663%2091.2368V115.284H242.66Z'%20fill='%23014847'/%3e%3cpath%20d='M283.1%20131.681H269.983L268.889%20130.587V56.2636L269.983%2055.1702H283.1L284.193%2056.2636V130.587L283.1%20131.681Z'%20fill='%23014847'/%3e%3cpath%20d='M312.61%2068.2871H299.493L298.399%2067.1937V56.2636L299.493%2055.1702H312.61L313.703%2056.2636V67.1937L312.61%2068.2871ZM312.61%20131.681H299.493L298.399%20130.587V78.1237L299.493%2077.0304H312.61L313.703%2078.1237V130.587L312.61%20131.681Z'%20fill='%23014847'/%3e%3cpath%20d='M363.98%2056.2636V67.1937L362.886%2068.2871H353.05C350.863%2068.2871%20349.769%2069.3805%20349.769%2071.5672V75.9408L350.863%2077.0342H361.793L362.886%2078.1276V89.0576L361.793%2090.151H350.863L349.769%2091.2444V130.591L348.676%20131.684H335.559L334.466%20130.591V91.2444L333.372%2090.151H325.723L324.629%2089.0576V78.1276L325.723%2077.0342H333.372L334.466%2075.9408V71.5672C334.466%2059.5438%20343.209%2055.1702%20353.046%2055.1702H362.882L363.976%2056.2636H363.98Z'%20fill='%23014847'/%3e%3cpath%20d='M404.42%20132.774C400.046%20143.704%20395.677%20150.261%20380.373%20150.261H374.906L373.813%20149.167V138.237L374.906%20137.144H380.373C385.836%20137.144%20386.929%20136.05%20388.023%20132.77V131.677L370.536%2089.05V78.1199L371.63%2077.0265H381.466L382.56%2078.1199L395.677%20115.284H396.77L409.887%2078.1199L410.98%2077.0265H420.817L421.91%2078.1199V89.05L404.424%20132.77L404.42%20132.774Z'%20fill='%23014847'/%3e%3cpath%20d='M135.454%20131.681L134.361%20130.587L134.368%2098.9172C134.368%2093.4541%20132.22%2089.2182%20125.625%2089.0806C122.234%2088.9926%20118.354%2089.0729%20114.209%2089.2488L113.59%2089.8834L113.598%20130.587L112.504%20131.681H99.3913L98.2979%20130.587V77.5388L99.3913%2076.4454L128.901%2076.1778C143.685%2076.1778%20149.668%2086.3356%20149.668%2097.8009V130.587L148.575%20131.681H135.454Z'%20fill='%23014847'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_235_8'%3e%3crect%20width='512'%20height='208.126'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" alt="Convex" class="w-[280px] max-w-full dark:hidden"/><img src="data:image/svg+xml,%3csvg%20width='512'%20height='209'%20viewBox='0%200%20512%20209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_235_26)'%3e%3cpath%20d='M117.436%20207.036V154.604L118.529%20153.51H129.452L130.545%20154.604V207.036L129.452%20208.13H118.529L117.436%20207.036Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M117.436%2053.5225V1.09339L118.529%200H129.452L130.545%201.09339V53.5225L129.452%2054.6159H118.529L117.436%2053.5225Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M69.9539%20169.238H68.4094L60.6869%20161.512V159.967L78.7201%20141.938L86.8976%20141.942L87.9948%20143.031V151.209L69.9539%20169.238Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M69.9462%2038.8917H68.4017L60.6792%2046.6181V48.1626L78.7124%2066.192L86.8899%2066.1882L87.9871%2065.0986V56.9212L69.9462%2038.8917Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M1.09339%2097.5104H75.3711L76.4645%2098.6038V109.526L75.3711%20110.62H1.09339L0%20109.526V98.6038L1.09339%2097.5104Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M440.999%2097.5104H510.91L512.004%2098.6038V109.526L510.91%20110.62H436.633L435.539%20109.526L439.905%2098.6038L440.999%2097.5104Z'%20fill='%2332E6E2'/%3e%3cpath%20d='M212.056%20108.727L210.963%20109.821H177.079L175.986%20110.914C175.986%20113.101%20178.173%20119.657%20186.916%20119.657C190.196%20119.657%20193.472%20118.564%20194.566%20116.377L195.659%20115.284H208.776L209.869%20116.377C208.776%20122.934%20203.313%20132.774%20186.916%20132.774C168.336%20132.774%20159.589%20119.657%20159.589%20104.357C159.589%2089.0576%20168.332%2075.9408%20185.822%2075.9408C203.313%2075.9408%20212.056%2089.0576%20212.056%20104.357V108.731V108.727ZM195.659%2097.7971C195.659%2096.7037%20194.566%2089.0538%20185.822%2089.0538C177.079%2089.0538%20175.986%2096.7037%20175.986%2097.7971L177.079%2098.8905H194.566L195.659%2097.7971Z'%20fill='white'/%3e%3cpath%20d='M242.66%20115.284C242.66%20117.47%20243.753%20118.564%20245.94%20118.564H255.776L256.87%20119.657V130.587L255.776%20131.681H245.94C236.103%20131.681%20227.36%20127.307%20227.36%20115.284V91.2368L226.266%2090.1434H218.617L217.523%2089.05V78.1199L218.617%2077.0265H226.266L227.36%2075.9332V66.0965L228.453%2065.0031H241.57L242.663%2066.0965V75.9332L243.757%2077.0265H255.78L256.874%2078.1199V89.05L255.78%2090.1434H243.757L242.663%2091.2368V115.284H242.66Z'%20fill='white'/%3e%3cpath%20d='M283.1%20131.681H269.983L268.889%20130.587V56.2636L269.983%2055.1702H283.1L284.193%2056.2636V130.587L283.1%20131.681Z'%20fill='white'/%3e%3cpath%20d='M312.61%2068.2871H299.493L298.399%2067.1937V56.2636L299.493%2055.1702H312.61L313.703%2056.2636V67.1937L312.61%2068.2871ZM312.61%20131.681H299.493L298.399%20130.587V78.1237L299.493%2077.0304H312.61L313.703%2078.1237V130.587L312.61%20131.681Z'%20fill='white'/%3e%3cpath%20d='M363.98%2056.2636V67.1937L362.886%2068.2871H353.05C350.863%2068.2871%20349.769%2069.3805%20349.769%2071.5672V75.9408L350.863%2077.0342H361.793L362.886%2078.1276V89.0576L361.793%2090.151H350.863L349.769%2091.2444V130.591L348.676%20131.684H335.559L334.466%20130.591V91.2444L333.372%2090.151H325.723L324.629%2089.0576V78.1276L325.723%2077.0342H333.372L334.466%2075.9408V71.5672C334.466%2059.5438%20343.209%2055.1702%20353.046%2055.1702H362.882L363.976%2056.2636H363.98Z'%20fill='white'/%3e%3cpath%20d='M404.42%20132.774C400.046%20143.704%20395.677%20150.261%20380.373%20150.261H374.906L373.813%20149.167V138.237L374.906%20137.144H380.373C385.836%20137.144%20386.929%20136.05%20388.023%20132.77V131.677L370.536%2089.05V78.1199L371.63%2077.0265H381.466L382.56%2078.1199L395.677%20115.284H396.77L409.887%2078.1199L410.98%2077.0265H420.817L421.91%2078.1199V89.05L404.424%20132.77L404.42%20132.774Z'%20fill='white'/%3e%3cpath%20d='M135.454%20131.681L134.361%20130.587L134.368%2098.9172C134.368%2093.4541%20132.22%2089.2182%20125.625%2089.0806C122.234%2088.9926%20118.354%2089.0729%20114.209%2089.2488L113.59%2089.8834L113.598%20130.587L112.504%20131.681H99.3913L98.2979%20130.587V77.5388L99.3913%2076.4454L128.901%2076.1778C143.685%2076.1778%20149.668%2086.3356%20149.668%2097.8009V130.587L148.575%20131.681H135.454Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_235_26'%3e%3crect%20width='512'%20height='208.126'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" alt="Convex" class="w-[280px] max-w-full hidden dark:block"/></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-[2px] w-auto text-xs text-center py-1 px-3 rounded-t-xl uppercase font-bold bg-gradient-to-r from-[#03bdba] to-[#00aaba] text-white ">Official Deployment Partner</div></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Netlify and TanStack have joined forces to provide developers with <strong>world-class deployment and hosting capabilities</strong> for modern web applications. Together we're focused on delivering an exceptional developer experience through <strong>seamless deployment workflows, edge functions, and serverless capabilities</strong> that help teams build and ship faster. Our partnership ensures TanStack applications can take full advantage of Netlify's powerful platform features.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://neon.tech?utm_source=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="w-full h-full flex items-center justify-center px-4 py-6"><img src="data:image/svg+xml,%3csvg%20width='158'%20height='44'%20viewBox='0%200%20158%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_8138_23)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='%2332C0ED'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='url(%23paint0_linear_8138_23)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='url(%23paint1_linear_8138_23)'%20fill-opacity='0.35'/%3e%3cpath%20d='M36.8954%200C41.1406%200%2044.5819%203.39646%2044.5819%207.58621V32.104C44.5819%2036.4386%2039.0243%2038.3197%2036.3289%2034.8976L27.9022%2024.1991V37.1724C27.9022%2040.9432%2024.805%2044%2020.9844%2044C21.4089%2044%2021.753%2043.6604%2021.753%2043.2414V19.7752C21.753%2015.4407%2027.3106%2013.5594%2030.0061%2016.9816L38.4327%2027.6801V1.51724C38.4327%200.679292%2037.7445%200%2036.8954%200Z'%20fill='%2363F655'/%3e%3cpath%20d='M75.1561%2012.9622V24.4706L63.8496%2012.9622H57.9648V31.7844H63.332V19.4155L75.6465%2031.7844H80.5232V12.9622H75.1561Z'%20fill='%231A1A1A'/%3e%3cpath%20d='M90.4724%2027.5898V24.2555H102.487V20.2491H90.4724V17.1569H105.048V12.9622H84.9963V31.7844H105.348V27.5898H90.4724Z'%20fill='%231A1A1A'/%3e%3cpath%20d='M119.61%2032.4029C127.157%2032.4029%20132.061%2028.746%20132.061%2022.3733C132.061%2016.0006%20127.157%2012.3438%20119.61%2012.3438C112.063%2012.3438%20107.187%2016.0006%20107.187%2022.3733C107.187%2028.746%20112.063%2032.4029%20119.61%2032.4029ZM119.61%2027.9393C115.415%2027.9393%20112.826%2025.9226%20112.826%2022.3733C112.826%2018.824%20115.442%2016.8073%20119.61%2016.8073C123.806%2016.8073%20126.394%2018.824%20126.394%2022.3733C126.394%2025.9226%20123.806%2027.9393%20119.61%2027.9393Z'%20fill='%231A1A1A'/%3e%3cpath%20d='M152.632%2012.9622V24.4706L141.326%2012.9622H135.441V31.7844H140.808V19.4155L153.123%2031.7844H157.999V12.9622H152.632Z'%20fill='%231A1A1A'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_8138_23'%20x1='44.5818'%20y1='44'%20x2='5.96033'%20y2='-0.503114'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232EF51C'/%3e%3cstop%20offset='1'%20stop-color='%232EF51C'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_8138_23'%20x1='44.5817'%20y1='44'%20x2='18.194'%20y2='33.6003'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-opacity='0.9'/%3e%3cstop%20offset='1'%20stop-color='%231A1A1A'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_8138_23'%3e%3crect%20width='158'%20height='44'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" alt="Neon" class="w-[260px] max-w-full dark:hidden" width="260" height="72"/><img src="data:image/svg+xml,%3csvg%20width='158'%20height='44'%20viewBox='0%200%20158%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='%2312FFF7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='url(%23paint0_linear_10558_11751)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207.58621C0%203.39646%203.44137%200%207.68651%200H36.8952C41.1404%200%2044.5817%203.39646%2044.5817%207.58621V32.104C44.5817%2036.4386%2039.0241%2038.3197%2036.3287%2034.8976L27.902%2024.1991V37.1724C27.902%2040.9432%2024.8048%2044%2020.9842%2044H7.68651C3.44137%2044%200%2040.6035%200%2036.4138V7.58621ZM7.68651%206.06897C6.83748%206.06897%206.14921%206.74826%206.14921%207.58621V36.4138C6.14921%2037.2517%206.83748%2037.931%207.68651%2037.931H21.2148C21.6393%2037.931%2021.7528%2037.5914%2021.7528%2037.1724V19.7752C21.7528%2015.4407%2027.3104%2013.5594%2030.0059%2016.9816L38.4325%2027.6801V7.58621C38.4325%206.74826%2038.5129%206.06897%2037.6639%206.06897H7.68651Z'%20fill='url(%23paint1_linear_10558_11751)'/%3e%3cpath%20d='M36.8954%200C41.1406%200%2044.5819%203.39646%2044.5819%207.58621V32.104C44.5819%2036.4386%2039.0243%2038.3197%2036.3289%2034.8976L27.9022%2024.1991V37.1724C27.9022%2040.9432%2024.805%2044%2020.9844%2044C21.4089%2044%2021.753%2043.6604%2021.753%2043.2414V19.7752C21.753%2015.4407%2027.3106%2013.5594%2030.0061%2016.9816L38.4327%2027.6801V1.51724C38.4327%200.679292%2037.7445%200%2036.8954%200Z'%20fill='%23B9FFB3'/%3e%3cpath%20d='M75.1561%2012.9622V24.4706L63.8496%2012.9622H57.9648V31.7844H63.332V19.4155L75.6465%2031.7844H80.5232V12.9622H75.1561Z'%20fill='white'/%3e%3cpath%20d='M90.4725%2027.5898V24.2555H102.487V20.2491H90.4725V17.1569H105.048V12.9622H84.9964V31.7844H105.348V27.5898H90.4725Z'%20fill='white'/%3e%3cpath%20d='M119.61%2032.4029C127.157%2032.4029%20132.061%2028.746%20132.061%2022.3733C132.061%2016.0006%20127.157%2012.3438%20119.61%2012.3438C112.063%2012.3438%20107.187%2016.0006%20107.187%2022.3733C107.187%2028.746%20112.063%2032.4029%20119.61%2032.4029ZM119.61%2027.9393C115.415%2027.9393%20112.826%2025.9226%20112.826%2022.3733C112.826%2018.824%20115.442%2016.8073%20119.61%2016.8073C123.806%2016.8073%20126.394%2018.824%20126.394%2022.3733C126.394%2025.9226%20123.806%2027.9393%20119.61%2027.9393Z'%20fill='white'/%3e%3cpath%20d='M152.632%2012.9622V24.4706L141.326%2012.9622H135.441V31.7844H140.808V19.4155L153.123%2031.7844H157.999V12.9622H152.632Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_10558_11751'%20x1='44.5818'%20y1='44'%20x2='5.96033'%20y2='-0.503116'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B9FFB3'/%3e%3cstop%20offset='1'%20stop-color='%23B9FFB3'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_10558_11751'%20x1='44.5817'%20y1='44'%20x2='18.194'%20y2='33.6003'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%231A1A1A'%20stop-opacity='0.9'/%3e%3cstop%20offset='1'%20stop-color='%231A1A1A'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="Neon" class="w-[260px] max-w-full hidden dark:block" width="260" height="72"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Neon and TanStack are joining forces to bring <strong>serverless PostgreSQL</strong> to the modern web stack. With Neon's <strong>blazing-fast branching, autoscaling, and storage/compute separation</strong>, developers can instantly spin up production-grade databases for every branch, test, or feature. TanStack's developer-first framework + Neon's cutting-edge infra = next-gen DX.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://convex.dev?utm_source=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="w-full h-full flex items-center justify-center px-4 py-6"><img src="data:image/svg+xml,%3csvg%20height='88.59'%20viewBox='0%200%20516.8%2088.59'%20width='516.8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m467.88%2044.55-22.19-29.38h25.72l45.39%2059.77h-25.97l-10.09-13.37-10.09%2013.37h-25.85z'/%3e%3cpath%20d='m490.26%2015.17h25.6l-19.65%2026.17-13-16.77z'/%3e%3cpath%20d='m115.27%2068.32c-6.18-5.25-9.27-13.01-9.27-23.26s3.15-18.01%209.46-23.26c6.3-5.25%2014.92-7.88%2025.85-7.88%204.54%200%208.55.31%2012.04.95%203.49.63%206.83%201.7%2010.02%203.22v16.63c-4.96-2.35-10.59-3.53-16.89-3.53-5.55%200-9.65%201.05-12.29%203.15-2.65%202.1-3.97%205.67-3.97%2010.72s1.3%208.41%203.91%2010.59c2.6%202.19%206.72%203.28%2012.36%203.28%205.97%200%2011.64-1.39%2017.02-4.16v17.4c-5.97%202.69-13.41%204.03-22.32%204.03-11.11%200-19.74-2.63-25.92-7.88z'/%3e%3cpath%20d='m168.89%2045.05c0-10.17%202.9-17.9%208.7-23.2s14.54-7.94%2026.23-7.94%2020.57%202.65%2026.42%207.94c5.84%205.29%208.76%2013.03%208.76%2023.2%200%2020.76-11.73%2031.14-35.18%2031.14-23.29.01-34.93-10.37-34.93-31.14zm43.32%2010.6c1.72-2.19%202.58-5.72%202.58-10.59s-.86-8.3-2.58-10.53-4.52-3.34-8.39-3.34-6.52%201.12-8.2%203.34c-1.68%202.23-2.52%205.74-2.52%2010.53s.84%208.41%202.52%2010.59c1.68%202.19%204.41%203.28%208.2%203.28%203.87%200%206.66-1.1%208.39-3.28z'/%3e%3cpath%20d='m244.52%2015.17h22.19l.63%204.54c2.44-1.68%205.55-3.07%209.33-4.16s7.69-1.64%2011.73-1.64c7.48%200%2012.94%201.85%2016.39%205.55s5.17%209.41%205.17%2017.15v38.33h-23.7v-35.94c0-2.69-.61-4.62-1.83-5.8s-3.26-1.76-6.12-1.76c-1.76%200-3.57.4-5.42%201.2s-3.4%201.83-4.67%203.09v39.21h-23.7z'/%3e%3cpath%20d='m310.03%2015.17h24.71l11.35%2035.05%2011.35-35.05h24.71l-23.58%2059.77h-24.97z'/%3e%3cpath%20d='m389.61%2069.8c-7.12-5.34-10.45-14.61-10.45-24.62s2.65-17.78%208.7-23.33%2015.27-7.94%2026.91-7.94c10.71%200%2019.13%202.48%2025.28%207.44%206.14%204.96%209.22%2011.73%209.22%2020.3v10.47h-45.07c1.12%203.11%202.54%205.36%206.03%206.75s8.36%202.08%2014.59%202.08c3.72%200%207.52-.29%2011.38-.88%201.36-.21%203.6-.54%204.78-.79v14.53c-5.89%201.6-13.74%202.4-22.59%202.4-11.91-.01-21.66-1.07-28.78-6.41zm34.76-30.54c0-2.96-3.41-9.33-10.26-9.33-6.18%200-10.26%206.27-10.26%209.33z'/%3e%3cpath%20d='m55.59%2069.82c13.1-1.43%2025.45-8.29%2032.25-19.74-3.22%2028.32-34.73%2046.22-60.45%2035.23-2.37-1.01-4.41-2.69-5.81-4.85-5.78-8.92-7.68-20.27-4.95-30.57%207.8%2013.23%2023.66%2021.34%2038.96%2019.93z'%20fill='%23f3b01c'/%3e%3cpath%20d='m16.15%2041.58c-5.31%2012.06-5.54%2026.18.97%2037.8-22.91-16.94-22.66-53.19-.28-69.96%202.07-1.55%204.53-2.47%207.11-2.61%2010.61-.55%2021.39%203.48%2028.95%2010.99-15.36.15-30.32%209.82-36.75%2023.78z'%20fill='%238d2676'/%3e%3cpath%20d='m60.31%2021.51c-7.75-10.62-19.88-17.85-33.17-18.07%2025.69-11.46%2057.29%207.12%2060.73%2034.59.32%202.55-.1%205.15-1.25%207.45-4.8%209.58-13.7%2017.01-24.1%2019.76%207.62-13.89%206.68-30.86-2.21-43.73z'%20fill='%23ee342f'/%3e%3c/svg%3e" alt="Convex" class="w-[300px] max-w-full dark:hidden"/><img src="data:image/svg+xml,%3csvg%20height='88.59'%20viewBox='0%200%20516.8%2088.59'%20width='516.8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23fff'%3e%3cpath%20d='m467.88%2044.55-22.19-29.38h25.72l45.39%2059.77h-25.97l-10.09-13.37-10.09%2013.37h-25.85z'/%3e%3cpath%20d='m490.26%2015.17h25.6l-19.65%2026.17-13-16.77z'/%3e%3cpath%20d='m115.27%2068.32c-6.18-5.25-9.27-13.01-9.27-23.26s3.15-18.01%209.46-23.26c6.3-5.25%2014.92-7.88%2025.85-7.88%204.54%200%208.55.31%2012.04.95%203.49.63%206.83%201.7%2010.02%203.22v16.63c-4.96-2.35-10.59-3.53-16.89-3.53-5.55%200-9.65%201.05-12.29%203.15-2.65%202.1-3.97%205.67-3.97%2010.72s1.3%208.41%203.91%2010.59c2.6%202.19%206.72%203.28%2012.36%203.28%205.97%200%2011.64-1.39%2017.02-4.16v17.4c-5.97%202.69-13.41%204.03-22.32%204.03-11.11%200-19.74-2.63-25.92-7.88z'/%3e%3cpath%20d='m168.89%2045.05c0-10.17%202.9-17.9%208.7-23.2s14.54-7.94%2026.23-7.94%2020.57%202.65%2026.42%207.94c5.84%205.29%208.76%2013.03%208.76%2023.2%200%2020.76-11.73%2031.14-35.18%2031.14-23.29.01-34.93-10.37-34.93-31.14zm43.32%2010.6c1.72-2.19%202.58-5.72%202.58-10.59s-.86-8.3-2.58-10.53-4.52-3.34-8.39-3.34-6.52%201.12-8.2%203.34c-1.68%202.23-2.52%205.74-2.52%2010.53s.84%208.41%202.52%2010.59c1.68%202.19%204.41%203.28%208.2%203.28%203.87%200%206.66-1.1%208.39-3.28z'/%3e%3cpath%20d='m244.52%2015.17h22.19l.63%204.54c2.44-1.68%205.55-3.07%209.33-4.16s7.69-1.64%2011.73-1.64c7.48%200%2012.94%201.85%2016.39%205.55s5.17%209.41%205.17%2017.15v38.33h-23.7v-35.94c0-2.69-.61-4.62-1.83-5.8s-3.26-1.76-6.12-1.76c-1.76%200-3.57.4-5.42%201.2s-3.4%201.83-4.67%203.09v39.21h-23.7z'/%3e%3cpath%20d='m310.03%2015.17h24.71l11.35%2035.05%2011.35-35.05h24.71l-23.58%2059.77h-24.97z'/%3e%3cpath%20d='m389.61%2069.8c-7.12-5.34-10.45-14.61-10.45-24.62s2.65-17.78%208.7-23.33%2015.27-7.94%2026.91-7.94c10.71%200%2019.13%202.48%2025.28%207.44%206.14%204.96%209.22%2011.73%209.22%2020.3v10.47h-45.07c1.12%203.11%202.54%205.36%206.03%206.75s8.36%202.08%2014.59%202.08c3.72%200%207.52-.29%2011.38-.88%201.36-.21%203.6-.54%204.78-.79v14.53c-5.89%201.6-13.74%202.4-22.59%202.4-11.91-.01-21.66-1.07-28.78-6.41zm34.76-30.54c0-2.96-3.41-9.33-10.26-9.33-6.18%200-10.26%206.27-10.26%209.33z'/%3e%3cpath%20d='m55.59%2069.82c13.1-1.43%2025.45-8.29%2032.25-19.74-3.22%2028.32-34.73%2046.22-60.45%2035.23-2.37-1.01-4.41-2.69-5.81-4.85-5.78-8.92-7.68-20.27-4.95-30.57%207.8%2013.23%2023.66%2021.34%2038.96%2019.93z'/%3e%3cpath%20d='m16.15%2041.58c-5.31%2012.06-5.54%2026.18.97%2037.8-22.91-16.94-22.66-53.19-.28-69.96%202.07-1.55%204.53-2.47%207.11-2.61%2010.61-.55%2021.39%203.48%2028.95%2010.99-15.36.15-30.32%209.82-36.75%2023.78z'/%3e%3cpath%20d='m60.31%2021.51c-7.75-10.62-19.88-17.85-33.17-18.07%2025.69-11.46%2057.29%207.12%2060.73%2034.59.32%202.55-.1%205.15-1.25%207.45-4.8%209.58-13.7%2017.01-24.1%2019.76%207.62-13.89%206.68-30.86-2.21-43.73z'/%3e%3c/g%3e%3c/svg%3e" alt="Convex" class="w-[300px] max-w-full hidden dark:block"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Convex has teamed up with TanStack to not only deliver a <strong>first-class end-to-end type-safe database experience</strong> to TanStack developers, but to also ensure TanStack is ready for the real-time database arena. Convex's all-in-one platform delivers end-to-end type-safety via a <strong>revolutionary relational, real-time database</strong> and together, we're elevating what's possible with real-time React applications.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://sentry.io?utm_source=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="w-full h-full flex items-center justify-center px-4 py-6"><img src="data:image/svg+xml,%3csvg%20height='119'%20viewBox='0%200%20222%2066'%20width='400'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m29%202.26a4.67%204.67%200%200%200%20-8%200l-6.58%2011.27a32.21%2032.21%200%200%201%2017.75%2026.66h-4.62a27.68%2027.68%200%200%200%20-15.46-22.72l-6.09%2010.53a15.92%2015.92%200%200%201%209.23%2012.17h-10.61a.76.76%200%200%201%20-.62-1.11l2.94-5a10.74%2010.74%200%200%200%20-3.36-1.9l-2.91%205a4.54%204.54%200%200%200%201.69%206.24%204.66%204.66%200%200%200%202.26.6h14.53a19.4%2019.4%200%200%200%20-8-17.31l2.31-4a23.87%2023.87%200%200%201%2010.3%2021.31h12.31a35.88%2035.88%200%200%200%20-16.41-31.8l4.67-8a.77.77%200%200%201%201.05-.27c.53.29%2020.29%2034.77%2020.66%2035.17a.76.76%200%200%201%20-.68%201.13h-4.76q.09%201.91%200%203.81h4.78a4.59%204.59%200%200%200%204.62-4.61%204.49%204.49%200%200%200%20-.62-2.28zm95.32%2026.02-14.76-19.06h-3.68v25.55h3.73v-19.58l15.18%2019.58h3.26v-25.55h-3.73zm-37.17-4.74h13.23v-3.32h-13.24v-7.69h14.93v-3.32h-18.73v25.56h18.92v-3.32h-15.12zm-15.56-3.24c-5.15-1.24-6.59-2.22-6.59-4.6%200-2.14%201.89-3.59%204.71-3.59a12.06%2012.06%200%200%201%207.07%202.55l2-2.83a14.1%2014.1%200%200%200%20-9-3c-5.06%200-8.59%203-8.59%207.27%200%204.6%203%206.19%208.46%207.52%204.86%201.12%206.35%202.16%206.35%204.49s-2%203.77-5.09%203.77a12.34%2012.34%200%200%201%20-8.3-3.26l-2.25%202.69a15.94%2015.94%200%200%200%2010.42%203.85c5.48%200%209-2.95%209-7.51-.03-3.86-2.31-5.93-8.19-7.35zm124.11-11.08-7.69%2012-7.64-12h-4.46l10.09%2015.45v10.11h3.84v-10.23l10.16-15.33zm-64.63%203.46h8.37v22.1h3.84v-22.1h8.37v-3.46h-20.57zm38.34%2012.12c3.86-1.07%206-3.77%206-7.63%200-4.91-3.59-8-9.38-8h-11.36v25.59h3.8v-9.18h6.45l6.48%209.2h4.44l-7-9.82zm-10.95-2.5v-9.7h7.17c3.74%200%205.88%201.77%205.88%204.84s-2.29%204.86-5.84%204.86z'%20fill='%23362d59'%20transform='translate(11%2011)'/%3e%3c/svg%3e" alt="Sentry" class="w-[275px] max-w-full dark:hidden"/><img src="data:image/svg+xml,%3csvg%20height='119'%20viewBox='0%200%20222%2066'%20width='400'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m29%202.26a4.67%204.67%200%200%200%20-8%200l-6.58%2011.27a32.21%2032.21%200%200%201%2017.75%2026.66h-4.62a27.68%2027.68%200%200%200%20-15.46-22.72l-6.09%2010.53a15.92%2015.92%200%200%201%209.23%2012.17h-10.61a.76.76%200%200%201%20-.62-1.11l2.94-5a10.74%2010.74%200%200%200%20-3.36-1.9l-2.91%205a4.54%204.54%200%200%200%201.69%206.24%204.66%204.66%200%200%200%202.26.6h14.53a19.4%2019.4%200%200%200%20-8-17.31l2.31-4a23.87%2023.87%200%200%201%2010.3%2021.31h12.31a35.88%2035.88%200%200%200%20-16.41-31.8l4.67-8a.77.77%200%200%201%201.05-.27c.53.29%2020.29%2034.77%2020.66%2035.17a.76.76%200%200%201%20-.68%201.13h-4.76q.09%201.91%200%203.81h4.78a4.59%204.59%200%200%200%204.62-4.61%204.49%204.49%200%200%200%20-.62-2.28zm95.32%2026.02-14.76-19.06h-3.68v25.55h3.73v-19.58l15.18%2019.58h3.26v-25.55h-3.73zm-37.17-4.74h13.23v-3.32h-13.24v-7.69h14.93v-3.32h-18.73v25.56h18.92v-3.32h-15.12zm-15.56-3.24c-5.15-1.24-6.59-2.22-6.59-4.6%200-2.14%201.89-3.59%204.71-3.59a12.06%2012.06%200%200%201%207.07%202.55l2-2.83a14.1%2014.1%200%200%200%20-9-3c-5.06%200-8.59%203-8.59%207.27%200%204.6%203%206.19%208.46%207.52%204.86%201.12%206.35%202.16%206.35%204.49s-2%203.77-5.09%203.77a12.34%2012.34%200%200%201%20-8.3-3.26l-2.25%202.69a15.94%2015.94%200%200%200%2010.42%203.85c5.48%200%209-2.95%209-7.51-.03-3.86-2.31-5.93-8.19-7.35zm124.11-11.08-7.69%2012-7.64-12h-4.46l10.09%2015.45v10.11h3.84v-10.23l10.16-15.33zm-64.63%203.46h8.37v22.1h3.84v-22.1h8.37v-3.46h-20.57zm38.34%2012.12c3.86-1.07%206-3.77%206-7.63%200-4.91-3.59-8-9.38-8h-11.36v25.59h3.8v-9.18h6.45l6.48%209.2h4.44l-7-9.82zm-10.95-2.5v-9.7h7.17c3.74%200%205.88%201.77%205.88%204.84s-2.29%204.86-5.84%204.86z'%20fill='%23fff'%20transform='translate(11%2011)'/%3e%3c/svg%3e" alt="Sentry" class="w-[275px] max-w-full hidden dark:block"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Sentry and TanStack are on a mission to make sure your apps are<strong> error-free and high-performers</strong>. Sentry's best-in-class error monitoring and performance insights combined with TanStack's cutting-edge libraries ensure that you can deliver the best possible experience to your users. Together, we're committed to making sure that you can build with confidence.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://speakeasy.com/?utm_source=tanstack&utm_campaign=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="py-6"><img src="/_build/assets/speakeasy-light-UpY7QmwQ.svg" alt="Speakeasy" class="w-[300px] max-w-full my-2 dark:hidden" width="300" height="100"/><img src="/_build/assets/speakeasy-dark-BjP-Hd9M.svg" alt="Speakeasy" class="w-[300px] max-w-full my-2 hidden dark:block" width="300" height="100"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Speakeasy and TanStack are working together to make <strong>API management effortless</strong>. With Speakeasy's <strong>automated SDK generation</strong> and TanStack's robust front-end tooling, developers can move faster than ever. Whether you're integrating APIs or streamlining your developer experience, this partnership ensures you're covered from server to client with <strong>powerful, type-safe, and optimized solutions</strong>.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://bytes.dev?utm_source-tanstack&utm_campaign=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="py-4"><img src="/_build/assets/bytes-uidotdev-BrGiV4zs.png" alt="Bytes Logo" class="w-[350px] max-w-full" width="250" height="87"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">TanStack's priority is to make its users productive, efficient and knowledgeable about web dev. To help us on this quest, we've partnered with <a target="_blank" class="text-blue-500 underline" href="https://ui.dev/?utm_source=tanstack&utm_campaign=tanstack" rel="noreferrer">ui.dev</a> to <strong>provide best-in-class education</strong> about TanStack products. It doesn't stop at TanStack though, with their sister product <a target="_blank" class="text-blue-500 underline" href="https://bytes.dev?utm_source-tanstack&utm_campaign=tanstack" rel="noreferrer">Bytes.dev</a> as our official newsletter partner, you'll be able to <strong>stay up to date with the latest and greatest</strong> in the web dev world regardless.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a><a href="https://nozzle.io/?utm_source=tanstack&utm_campaign=tanstack" target="_blank" class="bg-white/80 shadow-xl shadow-gray-500/20 rounded-lg dark:border border-gray-500/20 dark:bg-black/40 dark:shadow-none group overflow-hidden grid" rel="noreferrer"><div class="z-0 row-start-1 col-start-1 flex items-center justify-center group-hover:blur-sm transition-all duration-200"><div class="py-6"><img src="/_build/assets/nozzle-BGvMJZhc.png" alt="SEO keyword rank tracker" class="w-[230px] max-w-full my-2" width="230" height="80"/></div></div><div class="z-10 row-start-1 col-start-1 max-w-full p-4 text-sm flex flex-col gap-4 items-start opacity-0 group-hover:opacity-100 transition-opacity duration-200 bg-white/70 dark:bg-gray-800/70"><div class="text-xs">Since its founding, Nozzle's SEO platform was the original home for almost all TanStack libraries. They were used to build the <strong>most technically advanced search engine monitoring platform</strong> of its kind. Its enterprise rank tracking and keyword research tools continue to set a new bar for quality and scale. Nozzle continues to prove the value of the full gamut of TanStack tools on the front-end with unmatched UI/UX.</div><span class="text-blue-500 uppercase font-black text-sm">Learn More</span></div></a></div></div><div class="h-20"></div><div class="lg:max-w-screen-lg px-4 mx-auto"><h3 class="text-4xl font-light">Courses</h3><div class="mt-4 grid grid-cols-1 gap-4"><a href="https://query.gg/?s=tanstack" class="flex gap-2 justify-between border-2 border-transparent rounded-lg p-4 md:p-8 transition-all bg-white/90 dark:bg-black/40 shadow-xl shadow-green-700/10 dark:shadow-green-500/30 hover:border-green-500 " target="_blank" rel="noreferrer"><div class="col-span-2 md:col-span-5"><div class="text-2xl font-bold text-green-500">The Official TanStack React Query Course</div><div class="text-sm mt-2">Learn how to build enterprise quality apps with TanStack's React Query the easy way with our brand new course.</div><div class="inline-block mt-4 px-4 py-2 bg-green-500 text-white rounded shadow uppercase font-black text-sm">Check it out →</div></div></a></div></div><div class="h-12"></div><div class="lg:max-w-screen-lg px-4 mx-auto"><h3 class="text-4xl font-light">OSS Sponsors</h3><div class="h-4"></div><div style="aspect-ratio:1/1"><div style="width:100%;height:100%"></div></div><div class="h-6"></div><div class="text-center"><div><a href="https://github.com/sponsors/tannerlinsley" class="inline-block p-4 bg-green-500 rounded text-white uppercase font-black">Become a Sponsor!</a></div><div class="h-4"></div><p class="italic mx-auto max-w-screen-sm text-gray-500">Sponsors get special perks like <strong>private discord channels, priority issue requests, direct support and even course vouchers</strong>!</p></div></div><div class="h-12"></div><div class="lg:max-w-[400px] px-4 mx-auto"><div class="flex flex-col gap-4"><div class="shadow-lg rounded-lg overflow-hidden bg-white dark:bg-gray-800 dark:text-white max-w-[250px] mx-auto"><div class="carbon-outer h-[299px]"></div></div><span class="text-[.7rem] bg-gray-500 bg-opacity-10 py-1 px-2 rounded text-gray-500 dark:bg-opacity-20 self-center">This ad helps us be happy about our invested time and not burn out and rage-quit OSS. Yay money! 😉</span></div></div><div class="h-12"></div><div class="px-4 mx-auto max-w-screen-lg"><div class=" rounded-md p-4 grid gap-6 bg-discord text-white overflow-hidden relative shadow-xl shadow-indigo-700/30 sm:p-8 sm:grid-cols-3"><div class="absolute transform opacity-10 z-0 right-0 top-0 -translate-y-1/3 translate-x-1/3 sm:opacity-20"><img src="data:image/svg+xml,%3csvg%20height='200'%20viewBox='0%200%20175%20200'%20width='175'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m154.5%200c11.3%200%2020.5%209.2%2020.5%2020.6v179.4l-21.5-19-12.1-11.2-12.8-11.9%205.3%2018.5h-113.4c-11.3%200-20.5-9.2-20.5-20.6v-135.2c0-11.4%209.2-20.6%2020.5-20.6zm-82.3%2046.599169s-13.7-.299169-28.1%2010.500831c0%200-14.4%2026.1-14.4%2058.3%200%200%208.4%2014.5%2030.5%2015.2%200%200%203.7-4.5%206.7-8.3-12.4046512-3.711628-17.2724716-11.430178-17.492173-11.787173l-.007827-.012827s1%20.7%202.8%201.7c.1.1.2.2.4.3.3.2.6.3.9.5%202.5%201.4%205%202.5%207.3%203.4%204.1%201.6%209%203.2%2014.7%204.3%207.5%201.4%2016.3%201.9%2025.9.1%204.7-.8%209.5-2.2%2014.5-4.3%203.5-1.3%207.4-3.2%2011.5-5.9%200%200-5%208.2-18.1%2011.9%203%203.8%206.6%208.1%206.6%208.1%2022.1-.7%2030.6-15.2%2030.6-15.2%200-32.2-14.4-58.3-14.4-58.3-14.4-10.8-28.1-10.500831-28.1-10.500831l-1.4%201.600831c16.653061%205.0938776%2024.573761%2012.3948355%2024.890119%2012.6907122l.009881.0092878c-10.4-5.7-20.6-8.5-30.1-9.6-7.2-.8-14.1-.6-20.2.2-.6%200-1.1.1-1.7.2-3.5.3-12%201.6-22.7%206.3-3.7%201.7-5.9%202.9-5.9%202.9s8.3-7.9%2026.3-13.1zm-2.8%2037.300831c5.7%200%2010.3%205%2010.2%2011.1%200%206.1-4.5%2011.1-10.2%2011.1-5.6%200-10.2-5-10.2-11.1s4.5-11.1%2010.2-11.1zm36.5%200c5.7%200%2010.2%205%2010.2%2011.1s-4.5%2011.1-10.2%2011.1c-5.6%200-10.2-5-10.2-11.1s4.5-11.1%2010.2-11.1z'%20fill='%23fff'/%3e%3c/svg%3e" alt="Discord Logo" width="300" height="300"/></div><div class="sm:col-span-2"><h3 class="text-3xl">TanStack on Discord</h3><p class="mt-4">The official TanStack community to ask questions, network and make new friends and get lightning fast news about what's coming next for TanStack!</p></div><div class="flex items-center justify-center"><a href="https://discord.com/invite/WrRKjPJ" target="_blank" class="block w-full mt-4 px-4 py-2 bg-white text-discord text-center rounded shadow-lg z-10 uppercase font-black" rel="noreferrer">Join TanStack Discord</a></div></div></div><div class="h-4"></div><div class="px-4 mx-auto max-w-screen-lg relative"><div class="rounded-md p-8 bg-white shadow-xl shadow-gray-900/10 md:p-14 dark:bg-black/40"><form><div><div class="relative inline-block"><h3 class="text-3xl">Subscribe to Bytes</h3><figure class="absolute top-0 right-[-48px]"><img src="/_build/assets/bytes-DmvnG3ZO.svg" alt="Bytes Logo" width="40" height="40"/></figure></div><h3 class="text-lg mt-1">The Best JavaScript Newsletter</h3></div><div class="grid grid-cols-3 mt-4 gap-2"><input class="col-span-2 p-3 placeholder-gray-400 text-black bg-gray-200 rounded text-sm outline-none focus:outline-none w-full dark:(text-white bg-gray-700)" placeholder="Your email address" type="text" required="" name="email_address"/><button type="submit" class="bg-[#ED203D] text-white rounded uppercase font-black"><span>Subscribe</span></button></div><p class="text-sm opacity-30 font-semibold italic mt-2">Join over 100,000 devs</p></form></div></div><div class="h-20"></div><div class="flex flex-col items-start justify-center gap-4 p-8 max-w-screen-lg mx-auto text-sm bg-white dark:bg-black/40 shadow-xl shadow-black/10 rounded-t-lg"><div class="grid gap-1 sm:grid-cols-2 md:grid-cols-3"><div><a href="/blog">Blog</a></div><div><a href="https://twitter.com/tan_stack" target="_blank" rel="noreferrer">@Tan_Stack Twitter</a></div><div><a href="https://twitter.com/tannerlinsley" target="_blank" rel="noreferrer">@TannerLinsley Twitter</a></div><div><a href="https://github.com/tanstack" target="_blank" rel="noreferrer">GitHub</a></div><div><a href="https://www.youtube.com/user/tannerlinsley" target="_blank" rel="noreferrer">Youtube</a></div><div><a href="https://nozzle.io" target="_blank" rel="noreferrer">Nozzle.io - Keyword Rank Tracker</a></div><div><a href="/privacy">Privacy Policy</a></div><div><a href="/terms">Terms of Service</a></div></div><div class="text-center opacity-20">© 2025 TanStack LLC</div></div></div></div></div><script></script><script class="tsr-once">(function restoreScroll(storageKey2, key, behavior, shouldScrollRestoration, scrollToTopSelectors) { var _a; let byKey; try { byKey = JSON.parse(sessionStorage.getItem(storageKey2) || "{}"); } catch (error) { console.error(error); return; } const resolvedKey = key || ((_a = window.history.state) == null ? void 0 : _a.key); const elementEntries = byKey[resolvedKey]; ignoreScroll = true; (() => { if (shouldScrollRestoration && elementEntries) { for (const elementSelector in elementEntries) { const entry = elementEntries[elementSelector]; if (elementSelector === "window") { window.scrollTo({ top: entry.scrollY, left: entry.scrollX, behavior }); } else if (elementSelector) { const element = document.querySelector(elementSelector); if (element) { element.scrollLeft = entry.scrollX; element.scrollTop = entry.scrollY; } } } return; } const hash = window.location.hash.split("#")[1]; if (hash) { const hashScrollIntoViewOptions = (window.history.state || {}).__hashScrollIntoViewOptions ?? true; if (hashScrollIntoViewOptions) { const el = document.getElementById(hash); if (el) { el.scrollIntoView(hashScrollIntoViewOptions); } } return; } [ "window", ...(scrollToTopSelectors == null ? void 0 : scrollToTopSelectors.filter((d) => d !== "window")) ?? [] ].forEach((selector) => { const element = selector === "window" ? window : document.querySelector(selector); if (element) { element.scrollTo({ top: 0, left: 0, behavior }); } }); })(); ignoreScroll = false; })("tsr-scroll-restoration-v1_3",null, undefined, true) if (typeof __TSR_SSR__ !== "undefined") __TSR_SSR__.cleanScripts()</script></div><script class='tsr-once'>__TSR_SSR__.streamedValues['__QueryClient__convexQuery|stats:getGithubOwner|{"owner":"tanstack"}'] = { value: "{\"mutations\":[],\"queries\":[{\"state\":{\"data\":{\"contributorCount\":2323,\"dependentCount\":996836,\"dependentCountPrevious\":{\"count\":993921,\"updatedAt\":1743816157834},\"dependentCountUpdatedAt\":1743816157834,\"name\":\"TanStack\",\"nameNormalized\":\"tanstack\",\"starCount\":99924,\"updatedAt\":1743885894366},\"dataUpdateCount\":1,\"dataUpdatedAt\":1743886453541,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"convexQuery\",\"stats:getGithubOwner\",{\"owner\":\"tanstack\"}],\"queryHash\":\"convexQuery|stats:getGithubOwner|{\\\"owner\\\":\\\"tanstack\\\"}\"}]}"}; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><div hidden id="S:1"><div><div class="p-8 grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-8 items-center justify-center xl:place-items-center bg-white/50 dark:bg-gray-700/30 dark:shadow-none rounded-xl shadow-xl"><a href="https://www.npmjs.com/org/tanstack" target="_blank" rel="noreferrer" class="group flex gap-4 items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-2xl group-hover:text-emerald-500 transition-colors duration-200" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg><div><div class="text-2xl font-bold opacity-80 relative group-hover:text-emerald-500 transition-colors duration-200"><span class="opacity-0">8,888,888,888</span><span class="absolute -top-0.5 left-0"><number-flow-react data-will-change="" aria-label="2,028,159,283" role="img"><template shadowroot="open" shadowrootmode="open" ><style> :host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}</style ><span part="left"></span><span part="number" class="number" ><span part="integer"><span class="digit" part="digit integer-digit">2</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">0</span><span class="digit" part="digit integer-digit">2</span><span class="digit" part="digit integer-digit">8</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">1</span><span class="digit" part="digit integer-digit">5</span><span class="digit" part="digit integer-digit">9</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">2</span><span class="digit" part="digit integer-digit">8</span><span class="digit" part="digit integer-digit">3</span></span><span part="fraction"></span></span ><span part="right"></span></template ><span style="font-kerning: none; display: inline-block; line-height: var(--number-flow-char-height, 1em) !important; padding: var(--number-flow-mask-height, 0.25em) 0;" >2,028,159,283</span ></number-flow-react></span></div><div class="text-sm opacity-50 font-medium italic group-hover:text-emerald-500 transition-colors duration-200">NPM Downloads</div></div></a><a href="https://github.com/orgs/TanStack/repositories?q=sort:stars" target="_blank" rel="noreferrer" class="group flex gap-4 items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" class="group-hover:text-yellow-500 text-2xl transition-colors duration-200" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg><script class='tsr-once'>__TSR_SSR__.streamedValues['__QueryClient__convexQuery|stats:getNpmOrg|{"name":"tanstack"}'] = { value: "{\"mutations\":[],\"queries\":[{\"state\":{\"data\":{\"dayOfWeekAverages\":[1717762,7356634,7822228,7651066,7485526,6532036,1719339],\"downloadCount\":2028159283,\"downloadCountUpdatedAt\":1743830572108,\"name\":\"tanstack\",\"updatedAt\":1743830572108},\"dataUpdateCount\":1,\"dataUpdatedAt\":1743886453560,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"convexQuery\",\"stats:getNpmOrg\",{\"name\":\"tanstack\"}],\"queryHash\":\"convexQuery|stats:getNpmOrg|{\\\"name\\\":\\\"tanstack\\\"}\"}]}"}; if (typeof __TSR_SSR__ !== 'undefined') __TSR_SSR__.cleanScripts()</script><div><div class="text-2xl font-bold opacity-80 leading-none group-hover:text-yellow-500 transition-colors duration-200"><number-flow-react aria-label="99,924" role="img"><template shadowroot="open" shadowrootmode="open" ><style> :host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}</style ><span part="left"></span><span part="number" class="number" ><span part="integer"><span class="digit" part="digit integer-digit">9</span><span class="digit" part="digit integer-digit">9</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">9</span><span class="digit" part="digit integer-digit">2</span><span class="digit" part="digit integer-digit">4</span></span><span part="fraction"></span></span ><span part="right"></span></template ><span style="font-kerning: none; display: inline-block; line-height: var(--number-flow-char-height, 1em) !important; padding: var(--number-flow-mask-height, 0.25em) 0;" >99,924</span ></number-flow-react></div><div class="text-sm opacity-50 font-medium italic -mt-1 group-hover:text-yellow-500 transition-colors duration-200">Stars on Github</div></div></a><div class="flex gap-4 items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"></path></svg><div class=""><div class="text-2xl font-bold opacity-80"><number-flow-react aria-label="2,323" role="img"><template shadowroot="open" shadowrootmode="open" ><style> :host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}</style ><span part="left"></span><span part="number" class="number" ><span part="integer"><span class="digit" part="digit integer-digit">2</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">3</span><span class="digit" part="digit integer-digit">2</span><span class="digit" part="digit integer-digit">3</span></span><span part="fraction"></span></span ><span part="right"></span></template ><span style="font-kerning: none; display: inline-block; line-height: var(--number-flow-char-height, 1em) !important; padding: var(--number-flow-mask-height, 0.25em) 0;" >2,323</span ></number-flow-react></div><div class="text-sm opacity-50 font-medium italic -mt-1">Contributors on GitHub</div></div></div><div class="flex gap-4 items-center"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M239.1 6.3l-208 78c-18.7 7-31.1 25-31.1 45v225.1c0 18.2 10.3 34.8 26.5 42.9l208 104c13.5 6.8 29.4 6.8 42.9 0l208-104c16.3-8.1 26.5-24.8 26.5-42.9V129.3c0-20-12.4-37.9-31.1-44.9l-208-78C262 2.2 250 2.2 239.1 6.3zM256 68.4l192 72v1.1l-192 78-192-78v-1.1l192-72zm32 356V275.5l160-65v133.9l-160 80z"></path></svg><div class=""><div class="text-2xl font-bold opacity-80 relative"><number-flow-react aria-label="996,836" role="img"><template shadowroot="open" shadowrootmode="open" ><style> :host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}</style ><span part="left"></span><span part="number" class="number" ><span part="integer"><span class="digit" part="digit integer-digit">9</span><span class="digit" part="digit integer-digit">9</span><span class="digit" part="digit integer-digit">6</span><span class="symbol" part="group">,</span><span class="digit" part="digit integer-digit">8</span><span class="digit" part="digit integer-digit">3</span><span class="digit" part="digit integer-digit">6</span></span><span part="fraction"></span></span ><span part="right"></span></template ><span style="font-kerning: none; display: inline-block; line-height: var(--number-flow-char-height, 1em) !important; padding: var(--number-flow-mask-height, 0.25em) 0;" >996,836</span ></number-flow-react></div><div class="text-sm opacity-50 font-medium italic -mt-1">Dependents on GitHub</div></div></div></div><div class="px-4 py-2 flex justify-end"><a href="https://www.convex.dev/?utm_source=tanstack" class="group flex items-center gap-2"><div class="h-2 w-2 animate-pulse rounded-full bg-green-500"></div><div class="flex items-center gap-1"><span class="text-[.75rem] opacity-30 relative -top-px">Powered by</span><img class="dark:hidden opacity-30 group-hover:opacity-50" src="data:image/svg+xml,%3csvg%20height='88.59'%20viewBox='0%200%20516.8%2088.59'%20width='516.8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23333'%3e%3cpath%20d='m467.88%2044.55-22.19-29.38h25.72l45.39%2059.77h-25.97l-10.09-13.37-10.09%2013.37h-25.85z'/%3e%3cpath%20d='m490.26%2015.17h25.6l-19.65%2026.17-13-16.77z'/%3e%3cpath%20d='m115.27%2068.32c-6.18-5.25-9.27-13.01-9.27-23.26s3.15-18.01%209.46-23.26c6.3-5.25%2014.92-7.88%2025.85-7.88%204.54%200%208.55.31%2012.04.95%203.49.63%206.83%201.7%2010.02%203.22v16.63c-4.96-2.35-10.59-3.53-16.89-3.53-5.55%200-9.65%201.05-12.29%203.15-2.65%202.1-3.97%205.67-3.97%2010.72s1.3%208.41%203.91%2010.59c2.6%202.19%206.72%203.28%2012.36%203.28%205.97%200%2011.64-1.39%2017.02-4.16v17.4c-5.97%202.69-13.41%204.03-22.32%204.03-11.11%200-19.74-2.63-25.92-7.88z'/%3e%3cpath%20d='m168.89%2045.05c0-10.17%202.9-17.9%208.7-23.2s14.54-7.94%2026.23-7.94%2020.57%202.65%2026.42%207.94c5.84%205.29%208.76%2013.03%208.76%2023.2%200%2020.76-11.73%2031.14-35.18%2031.14-23.29.01-34.93-10.37-34.93-31.14zm43.32%2010.6c1.72-2.19%202.58-5.72%202.58-10.59s-.86-8.3-2.58-10.53-4.52-3.34-8.39-3.34-6.52%201.12-8.2%203.34c-1.68%202.23-2.52%205.74-2.52%2010.53s.84%208.41%202.52%2010.59c1.68%202.19%204.41%203.28%208.2%203.28%203.87%200%206.66-1.1%208.39-3.28z'/%3e%3cpath%20d='m244.52%2015.17h22.19l.63%204.54c2.44-1.68%205.55-3.07%209.33-4.16s7.69-1.64%2011.73-1.64c7.48%200%2012.94%201.85%2016.39%205.55s5.17%209.41%205.17%2017.15v38.33h-23.7v-35.94c0-2.69-.61-4.62-1.83-5.8s-3.26-1.76-6.12-1.76c-1.76%200-3.57.4-5.42%201.2s-3.4%201.83-4.67%203.09v39.21h-23.7z'/%3e%3cpath%20d='m310.03%2015.17h24.71l11.35%2035.05%2011.35-35.05h24.71l-23.58%2059.77h-24.97z'/%3e%3cpath%20d='m389.61%2069.8c-7.12-5.34-10.45-14.61-10.45-24.62s2.65-17.78%208.7-23.33%2015.27-7.94%2026.91-7.94c10.71%200%2019.13%202.48%2025.28%207.44%206.14%204.96%209.22%2011.73%209.22%2020.3v10.47h-45.07c1.12%203.11%202.54%205.36%206.03%206.75s8.36%202.08%2014.59%202.08c3.72%200%207.52-.29%2011.38-.88%201.36-.21%203.6-.54%204.78-.79v14.53c-5.89%201.6-13.74%202.4-22.59%202.4-11.91-.01-21.66-1.07-28.78-6.41zm34.76-30.54c0-2.96-3.41-9.33-10.26-9.33-6.18%200-10.26%206.27-10.26%209.33z'/%3e%3cpath%20d='m55.59%2069.82c13.1-1.43%2025.45-8.29%2032.25-19.74-3.22%2028.32-34.73%2046.22-60.45%2035.23-2.37-1.01-4.41-2.69-5.81-4.85-5.78-8.92-7.68-20.27-4.95-30.57%207.8%2013.23%2023.66%2021.34%2038.96%2019.93z'/%3e%3cpath%20d='m16.15%2041.58c-5.31%2012.06-5.54%2026.18.97%2037.8-22.91-16.94-22.66-53.19-.28-69.96%202.07-1.55%204.53-2.47%207.11-2.61%2010.61-.55%2021.39%203.48%2028.95%2010.99-15.36.15-30.32%209.82-36.75%2023.78z'/%3e%3cpath%20d='m60.31%2021.51c-7.75-10.62-19.88-17.85-33.17-18.07%2025.69-11.46%2057.29%207.12%2060.73%2034.59.32%202.55-.1%205.15-1.25%207.45-4.8%209.58-13.7%2017.01-24.1%2019.76%207.62-13.89%206.68-30.86-2.21-43.73z'/%3e%3c/g%3e%3c/svg%3e" alt="Convex Logo" width="80"/><img class="hidden dark:block opacity-30 group-hover:opacity-50" src="data:image/svg+xml,%3csvg%20height='88.59'%20viewBox='0%200%20516.8%2088.59'%20width='516.8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23fff'%3e%3cpath%20d='m467.88%2044.55-22.19-29.38h25.72l45.39%2059.77h-25.97l-10.09-13.37-10.09%2013.37h-25.85z'/%3e%3cpath%20d='m490.26%2015.17h25.6l-19.65%2026.17-13-16.77z'/%3e%3cpath%20d='m115.27%2068.32c-6.18-5.25-9.27-13.01-9.27-23.26s3.15-18.01%209.46-23.26c6.3-5.25%2014.92-7.88%2025.85-7.88%204.54%200%208.55.31%2012.04.95%203.49.63%206.83%201.7%2010.02%203.22v16.63c-4.96-2.35-10.59-3.53-16.89-3.53-5.55%200-9.65%201.05-12.29%203.15-2.65%202.1-3.97%205.67-3.97%2010.72s1.3%208.41%203.91%2010.59c2.6%202.19%206.72%203.28%2012.36%203.28%205.97%200%2011.64-1.39%2017.02-4.16v17.4c-5.97%202.69-13.41%204.03-22.32%204.03-11.11%200-19.74-2.63-25.92-7.88z'/%3e%3cpath%20d='m168.89%2045.05c0-10.17%202.9-17.9%208.7-23.2s14.54-7.94%2026.23-7.94%2020.57%202.65%2026.42%207.94c5.84%205.29%208.76%2013.03%208.76%2023.2%200%2020.76-11.73%2031.14-35.18%2031.14-23.29.01-34.93-10.37-34.93-31.14zm43.32%2010.6c1.72-2.19%202.58-5.72%202.58-10.59s-.86-8.3-2.58-10.53-4.52-3.34-8.39-3.34-6.52%201.12-8.2%203.34c-1.68%202.23-2.52%205.74-2.52%2010.53s.84%208.41%202.52%2010.59c1.68%202.19%204.41%203.28%208.2%203.28%203.87%200%206.66-1.1%208.39-3.28z'/%3e%3cpath%20d='m244.52%2015.17h22.19l.63%204.54c2.44-1.68%205.55-3.07%209.33-4.16s7.69-1.64%2011.73-1.64c7.48%200%2012.94%201.85%2016.39%205.55s5.17%209.41%205.17%2017.15v38.33h-23.7v-35.94c0-2.69-.61-4.62-1.83-5.8s-3.26-1.76-6.12-1.76c-1.76%200-3.57.4-5.42%201.2s-3.4%201.83-4.67%203.09v39.21h-23.7z'/%3e%3cpath%20d='m310.03%2015.17h24.71l11.35%2035.05%2011.35-35.05h24.71l-23.58%2059.77h-24.97z'/%3e%3cpath%20d='m389.61%2069.8c-7.12-5.34-10.45-14.61-10.45-24.62s2.65-17.78%208.7-23.33%2015.27-7.94%2026.91-7.94c10.71%200%2019.13%202.48%2025.28%207.44%206.14%204.96%209.22%2011.73%209.22%2020.3v10.47h-45.07c1.12%203.11%202.54%205.36%206.03%206.75s8.36%202.08%2014.59%202.08c3.72%200%207.52-.29%2011.38-.88%201.36-.21%203.6-.54%204.78-.79v14.53c-5.89%201.6-13.74%202.4-22.59%202.4-11.91-.01-21.66-1.07-28.78-6.41zm34.76-30.54c0-2.96-3.41-9.33-10.26-9.33-6.18%200-10.26%206.27-10.26%209.33z'/%3e%3cpath%20d='m55.59%2069.82c13.1-1.43%2025.45-8.29%2032.25-19.74-3.22%2028.32-34.73%2046.22-60.45%2035.23-2.37-1.01-4.41-2.69-5.81-4.85-5.78-8.92-7.68-20.27-4.95-30.57%207.8%2013.23%2023.66%2021.34%2038.96%2019.93z'/%3e%3cpath%20d='m16.15%2041.58c-5.31%2012.06-5.54%2026.18.97%2037.8-22.91-16.94-22.66-53.19-.28-69.96%202.07-1.55%204.53-2.47%207.11-2.61%2010.61-.55%2021.39%203.48%2028.95%2010.99-15.36.15-30.32%209.82-36.75%2023.78z'/%3e%3cpath%20d='m60.31%2021.51c-7.75-10.62-19.88-17.85-33.17-18.07%2025.69-11.46%2057.29%207.12%2060.73%2034.59.32%202.55-.1%205.15-1.25%207.45-4.8%209.58-13.7%2017.01-24.1%2019.76%207.62-13.89%206.68-30.86-2.21-43.73z'/%3e%3c/g%3e%3c/svg%3e" alt="Convex Logo" width="80"/></div></a></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiOGEzMDU1NjctNjBiZi00NGI0LWE5ZWQtZjQ4Y2Y4YzkxOTE5IiwiYWNjb3VudF9pZCI6IjY3NTBiNzZkZDUxZmFlMGE3YzUzNjYyOSIsImRlcGxveV9pZCI6IjY3ZjAyZjdlYWRmOTdiMDAwODQ3YTdiMSIsImlzcyI6Im5ldGxpZnkifQ.epb-wYB2O67X11mWLiBshQoaxIp3wKu8E5O9WUVzo_E"></script>