Chapter 305: Upgrade to React 18

Core Idea

To use React 18's newest features, you need at least version 3. 0.

Key Concepts

• Updating packages
• Fixing React.FC types
• No action required for createRoot()

Code Examples

- "remotion": "2.6.15"
- "@remotion/bundler": "2.6.15"
- "@remotion/cli": "2.6.15"
- "@remotion/renderer": "2.6.15"
+ "remotion": "3.0.0"
+ "@remotion/bundler": "3.0.0"
+ "@remotion/cli": "3.0.0"
+ "@remotion/renderer": "3.0.0"

• What it demonstrates: Usage pattern for Upgrade to React 18 from the official docs.

Key Takeaways

1. Understand updating packages when working with Upgrade to React 18.
2. Understand fixing react.fc types when working with Upgrade to React 18.
3. Understand no action required for createroot() when working with Upgrade to React 18.

Connects To

• 2 0 Migration: related page in the Migration & Versioning section.
• 3 0 Migration: related page in the Migration & Versioning section.
• 4 0 Migration: related page in the Migration & Versioning section.