--- title: Issue #495: TanStack's smaller React for the browser —... description: Den Odell benchmarked ten design systems, including MUI, Mantine, Ant Design and React Spectrum, by opening a 249-country dropdown and selecting 100 boxes at... canonical: https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Issue #495: TanStack's smaller React for the browser — React Status | daily.dev og:description: Den Odell benchmarked ten design systems, including MUI, Mantine, Ant Design and React Spectrum, by opening a 249-country dropdown and selecting 100 boxes at... og:url: https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu og:image: https://api.daily.dev/og/posts/tzFmebqhu.png og:image:alt: Issue #495: TanStack's smaller React for the browser — React Status og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Issue #495: TanStack's smaller React for the browser — React Status **[React Status](https://daily.dev/sources/reactstatus)** · 3 min read · 0 upvotes · 0 comments ## Summary Den Odell benchmarked ten design systems, including MUI, Mantine, Ant Design and React Spectrum, by opening a 249-country dropdown and selecting 100 boxes at once. With the CPU slowed 4x, Mantine opened it in 84ms and Ant Design in 134ms, while MUI and React Spectrum took over 200ms and froze the UI past his 100ms budget. React Spectrum's culprit was React Aria measuring options one by one and forcing layout each time; Den filed an issue and a fix is already in review. Ant Design's dropdown is a good pattern: it virtualizes the list while keeping the highlighted option available to screen readers. Separately, a React.lazy and Suspense quirk means a lazy component suspends on its first render even when its code is already loaded, and React reveals suspended content at most once every 300ms. On r/reactjs, commenters pondered who needs TanStack's Redact, and one tester found re-renders cost about twice the CPU across two production sites. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### why is opening a dropdown with many options slow in React Spectrum React Spectrum's dropdown slowdown comes from React Aria measuring each option one by one and forcing a layout recalculation every time. In a test opening a 249-country dropdown with the CPU throttled 4x, React Spectrum took over 200ms, freezing the UI past a 100ms budget. An issue was filed and a fix is already in review. _Developers chasing render-blocking UI jank can track fixes like this one on daily.dev._ ### which React UI library has the fastest dropdown performance under heavy load In a benchmark opening a 249-country dropdown and selecting 100 boxes with the CPU slowed 4x, Mantine opened it in 84ms and Ant Design in 134ms, both well under a 100ms budget target, while MUI and React Spectrum exceeded 200ms and froze the UI. Ant Design also virtualizes its list while keeping the highlighted option accessible to screen readers. _Teams picking a design system for performance-sensitive UI can weigh benchmarks like this on daily.dev._ ### how much does TanStack Redact slow down re-renders compared to not using it One tester measured that re-renders cost roughly twice the CPU with TanStack's Redact across two production sites. The finding came up in community discussion questioning who needs Redact and how it differs from Preact. _Evaluating a new rendering library's real cost is easier when you follow reports like this on daily.dev._ ## Similar posts on daily.dev - [TanStack Redact: React's API in a Runtime a Third the Size : fireup.pro](https://daily.dev/posts/tanstack-redact-react-s-api-in-a-runtime-a-third-the-size-fireup-pro-kk3eyqgvm) · FireUp · 10 upvotes · 2 comments - [Issue \#485: TanStack's new look, and life without RSC — React Status](https://daily.dev/posts/issue-485-tanstack-s-new-look-and-life-without-rsc-react-status-bppdq9g5d) · React Status · 1 upvotes · 0 comments - [React 19 Compiler vs Svelte 5: Latency Benchmark Results](https://daily.dev/posts/react-19-compiler-vs-svelte-5-latency-benchmark-results-q9enifxta) · SitePoint · 0 upvotes · 0 comments - [React survey shows TanStack gains, doubts over server components](https://daily.dev/posts/react-survey-shows-tanstack-gains-doubts-over-server-components-asxj6fv7a) · DEVCLASS · 108 upvotes · 2 comments - [This Week In React \#277: TanStack RSC, React2Dos, Next.js, MUI, Base UI, Aria, StyledComponents, Storm](https://daily.dev/posts/this-week-in-react-277-tanstack-rsc-react2dos-next-js-mui-base-ui-aria-styledcomponents-sto-1rid3wosh) · This Week In React · 16 upvotes · 1 comments --- Tags: [#react](https://daily.dev/tags/react), [#performance](https://daily.dev/tags/performance), [#nextjs](https://daily.dev/tags/nextjs), [#design-systems](https://daily.dev/tags/design-systems), [#tanstack](https://daily.dev/tags/tanstack) [View this post on daily.dev](https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Issue #495: TanStack's smaller React for the browser — React Status","url":"https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu"},"datePublished":"2026-10-30T11:38:12.120Z","dateModified":"2026-10-30T11:39:09.207Z","description":"Den Odell benchmarked ten design systems, including MUI, Mantine, Ant Design and React Spectrum, by opening a 249-country dropdown and selecting 100 boxes at...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/681491a806d9d04449a792c246776102?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/681491a806d9d04449a792c246776102?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"React Status","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"React Status","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/cb5bfa5e706c4f3f98106be2871a47df","url":"https://daily.dev/sources/reactstatus"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,performance,nextjs,design-systems,tanstack","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React Status","item":"https://daily.dev/sources/reactstatus"},{"@type":"ListItem","position":3,"name":"Issue #495: TanStack's smaller React for the browser — React Status"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/issue-495-tanstack-s-smaller-react-for-the-browser-react-status-tzfmebqhu#faq","mainEntity":[{"@type":"Question","name":"why is opening a dropdown with many options slow in React Spectrum","acceptedAnswer":{"@type":"Answer","text":"React Spectrum's dropdown slowdown comes from React Aria measuring each option one by one and forcing a layout recalculation every time. In a test opening a 249-country dropdown with the CPU throttled 4x, React Spectrum took over 200ms, freezing the UI past a 100ms budget. An issue was filed and a fix is already in review. Developers chasing render-blocking UI jank can track fixes like this one on daily.dev."}},{"@type":"Question","name":"which React UI library has the fastest dropdown performance under heavy load","acceptedAnswer":{"@type":"Answer","text":"In a benchmark opening a 249-country dropdown and selecting 100 boxes with the CPU slowed 4x, Mantine opened it in 84ms and Ant Design in 134ms, both well under a 100ms budget target, while MUI and React Spectrum exceeded 200ms and froze the UI. Ant Design also virtualizes its list while keeping the highlighted option accessible to screen readers. Teams picking a design system for performance-sensitive UI can weigh benchmarks like this on daily.dev."}},{"@type":"Question","name":"how much does TanStack Redact slow down re-renders compared to not using it","acceptedAnswer":{"@type":"Answer","text":"One tester measured that re-renders cost roughly twice the CPU with TanStack's Redact across two production sites. The finding came up in community discussion questioning who needs Redact and how it differs from Preact. Evaluating a new rendering library's real cost is easier when you follow reports like this on daily.dev."}}]} ```