Summary
This walks you through migrating a Grafana plugin to be React 19 compatible ahead of Grafana 13's April 2026 cutoff. It's a comprehensive, opinionated checklist that externalizes jsx-runtime, bumps grafanaDependency to 12.3.0, updates create-plugin scaffolding, and runs react-detect to flag breaking changes like defaultProps and findDOMNode. The instructions are extremely detailed because the migration has landmines: ESLint 9 flat config conversions can fail midway, yarn.lock conflicts need resolutions not manual edits, and you can't actually upgrade to React 19 yet, just make forward-compatible changes. If you maintain a Grafana plugin and want to avoid breakage when 13 ships, this is the path. It assumes you're comfortable with git, package managers, and debugging build failures.
Install to Claude Code
npx -y skills add grafana/skills --skill react-19-plugin-migration --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
