refactor(context): memoize provider value

[li-jia-nan]

Summary by CodeRabbit

• 重构
  • 重构上下文提供器，实现记忆化的上下文值与更明确的属性处理，减少不必要的重渲染，提升界面响应速度与稳定性；对外用法保持不变。

[gemini-code-assist]

Summary of Changes

Hello @li-jia-nan, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces a performance enhancement to the MotionProvider by memoizing the context value. By utilizing React.useMemo, the context provider will only propagate updates to its consumers when the relevant motion prop actually changes, thereby reducing unnecessary re-renders and improving overall application efficiency.

Highlights

• Performance Optimization: The Context.Provider value within the MotionProvider component is now memoized using React.useMemo. This prevents unnecessary re-renders of consuming components when the MotionProvider itself re-renders, but its motion prop remains unchanged.
• Component Refactoring: The MotionProvider component has been refactored from a traditional function declaration to a React.FC arrow function, aligning with common modern React practices.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

• src/context.tsx
  • The MotionProvider component was converted from a named function declaration to a React.FC arrow function.
  • React.useMemo was introduced to memoize the value prop passed to Context.Provider, ensuring the value object is only re-created when rest.motion changes.
  • The value object now explicitly constructs { motion: rest.motion } within the useMemo callback.

Activity

• No human activity (comments, reviews) has been recorded on this pull request yet.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[coderabbitai]

Walkthrough

将 src/context.tsx 中的默认导出组件重写为显式的 React.FC，解构 children，使用 useMemo 仅基于 motion 构造并提供上下文值，减少非相关属性导致的重渲染；默认导出名称保持不变，但函数签名更新。

Changes

Cohort / File(s)	Summary
Context Provider 重构 src/context.tsx	将默认导出函数替换为显式 React.FC，解构 children；用 useMemo 基于 motion 生成上下文值；Context.Provider 仅传递 memo 化的 { motion }；保持默认导出但更新组件类型签名。

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Suggested reviewers

• zombieJ

Poem

兔爪轻点键与括，
上下文里风轻拂。
只随 motion 起与伏，
重渲染呀别来扰。
代码如风一脉驻，
我在草间蹦又舞。 🐇✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	标题简洁地描述了主要更改：对 context 提供的值进行 memo 化重构。
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch MotionProvider-fix

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[gemini-code-assist]

Code Review

This pull request correctly memoizes the context provider's value to prevent unnecessary re-renders, which is a great performance improvement. I've suggested a small refactoring to make the implementation even cleaner and more efficient by destructuring props directly.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 98.52%. Comparing base (64085c4) to head (5f50699).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master      #72      +/-   ##
==========================================
+ Coverage   98.51%   98.52%   +0.01%     
==========================================
  Files          11       11              
  Lines         405      408       +3     
  Branches      112      112              
==========================================
+ Hits          399      402       +3     
  Misses          6        6              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
motion	Building	Preview, Comment	Feb 3, 2026 4:01pm