docs: explain React Compiler workaround by minwookshin · Pull Request #108 · TanStack/ranger · GitHub
Skip to content

docs: explain React Compiler workaround - #108

Open
minwookshin wants to merge 1 commit into
TanStack:mainfrom
minwookshin:docs/react-compiler-workaround
Open

minwookshin wants to merge 1 commit into
TanStack:mainfrom
minwookshin:docs/react-compiler-workaround

Conversation

@minwookshin

@minwookshin minwookshin commented Oct 11, 2026 •

Copy link
Copy Markdown

Document the React Compiler workaround for useRanger, including directive placement and the limits of memoizing the instance. Verified dragging, keyboard input and controlled updates with Compiler 1.0.0 in Chromium, Firefox and WebKit.

Refs #106; this documents a temporary workaround, not full compiler compatibility.

Validation: docs formatting and link checks, package builds and types, and a browser comparison of compiled, uncompiled and opt-out sliders against the current source.

Summary by CodeRabbit

  • Documentation
    • Added React Compiler guidance for avoiding stale slider handles and aria-valuenow values when using useRanger, including a temporary workaround and a link to track updates.

@changeset-bot

changeset-bot Bot commented Oct 11, 2026

Copy link
Copy Markdown

@coderabbitai

coderabbitai Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 0062f043-51b2-4970-91f3-04a64cf44f38

📥 Commits

Reviewing files that changed from the base of the PR and between fef4517 and 1860221.


📒 Files selected for processing (1)
  • docs/framework/react/react-ranger.md

Included review availability: This review used your included allowance. Your plan provides up to 4 included reviews per hour; 3 remain after this review.



📝 Walkthrough

Walkthrough

The React Ranger documentation adds guidance about stale reads from the stable mutable useRanger instance when React Compiler is enabled. It documents a temporary 'use no memo' workaround, cautions against memoizing instance-dependent reads, and links to issue #106.

Changes

React Compiler guidance

Layer / File(s) Summary
Compiler behavior and workaround
docs/framework/react/react-ranger.md
The documentation describes stale slider handles and aria-valuenow reads, a component-level 'use no memo' workaround, restrictions on memoizing instance-dependent reads, and an issue link.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~3 minutes

Change: Other


Merge Risk: ⚪ Minimal · up to 18602

This documentation change has no identified merge-blocking risk and is ready for normal checks.

Pre-merge checks | Passed 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title clearly and concisely describes the main documentation change: explaining the React Compiler workaround for useRanger.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create a new PR

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant