CodingGrafana Labs

React 19 Plugin Migration

Migrate a Grafana plugin to React 19 compatibility. 0, externalize jsx-runtime, or run react-detect. 0", "JSX runtime externals", "react-detect", "SECRET_INTERNALS", "ReactCurrentOwner", or "ReactCurrentDispatcher".

19grafanamigrationplugins

Read exactly what your AI will be told

grafana-react-19-plugin-migration/SKILL.md

Grafana Labs · Apache-2.0 · source

---
name: react-19-plugin-migration
license: Apache-2.0
description:
  Migrate a Grafana plugin to React 19 compatibility. Use when the user asks to update a plugin
  for React 19, prepare for React 19, fix React 19 compatibility, upgrade to React 19, migrate
  to React 19, bump grafanaDependency to 12.3.0, externalize jsx-runtime, or run react-detect.
  Triggers on phrases like "update plugin for React 19", "React 19 migration", "prepare for
  React 19", "plugin React 19 compat", "grafanaDependency 12.3.0", "JSX runtime externals",
  "react-detect", "SECRET_INTERNALS", "ReactCurrentOwner", or "ReactCurrentDispatcher".
---

# Migrate Grafana Plugin to React 19

Grafana 13 (April 2026) moves from React 18 to React 19. Incompatible plugins will break.
**Do not upgrade React to 19** — only make forward-compatible changes.

All changes go in **one PR**. Execute steps in order. Never manually edit `yarn.lock`.

---

## Step 1: Detect plugin context

```bash
PLUGIN_JSON=$([ -f src/plugin.json ] && echo "src/plugin.json" \… load the full skill through Skill Me

Ask your AI to install

In any connected conversation, say:

Install the React 19 Plugin Migration skill

If full content is available, it applies in this conversation and stays installed for future sessions.

Not connected yet? It takes about a minute.

Connect your AI

Or add it to a project with the CLI

npx @skillme/cli add grafana-react-19-plugin-migration

MCP endpoint

https://skillme.dev/api/mcp