Source profileQuality 68/100Review permissions

github/awesome-copilot/skills/react18-dep-compatibility/SKILL.md

react18-dep-compatibility

React 18.3.1 and React 19 dependency compatibility matrix.

Source repository stars
37,126
Declared platforms
0
Static risk flags
1
Last source update
2026-07-28
Source checked
2026-07-28
DecisionCompatibilityInstallWorkflowPermissionsEvidenceSource

Decision brief

What it does—and where it fits

Minimum versions required for React 18.3.1 and React 19 compatibility.

Best for

    Not for

    • Tasks that require unconfirmed production actions or broad system permissions.
    • Environments where the pinned source and install steps cannot be inspected.

    Compatibility matrix

    Platform support, with evidence labels

    PlatformStatusEvidenceWhat to check
    CodexNot declaredNo explicit evidencePortability before use
    Claude CodeNot declaredNo explicit evidencePortability before use
    CursorNot declaredNo explicit evidencePortability before use
    Gemini CLINot declaredNo explicit evidencePortability before use
    Open the compatibility checker

    Installation

    Inspect first. Install second.

    The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

    Source-detected install commandSource
    npx skills add https://github.com/github/awesome-copilot --skill "skills/react18-dep-compatibility"
    Safe inspection promptEditorial

    Inspect the Agent Skill "react18-dep-compatibility" from https://github.com/github/awesome-copilot/blob/9933dcad5be5caeb288cebcd370eeeb2fc2f1685/skills/react18-dep-compatibility/SKILL.md at commit 9933dcad5be5caeb288cebcd370eeeb2fc2f1685. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

    Workflow

    What the source asks the agent to do

    1. 01

      Core Upgrade Targets

      Review the “Core Upgrade Targets” section in the pinned source before continuing.

      Review and apply the “Core Upgrade Targets” source section.
    2. 02

      Testing Libraries

      Review the “Testing Libraries” section in the pinned source before continuing.

      Review and apply the “Testing Libraries” source section.
    3. 03

      Apollo Client

      Read references/apollo-details.md for concurrent mode issues and MockedProvider changes.

      Read references/apollo-details.md for concurrent mode issues and MockedProvider changes.
    4. 04

      Emotion

      Review the “Emotion” section in the pinned source before continuing.

      Review and apply the “Emotion” source section.
    5. 05

      React Router

      react-router v5 → v6 is a SEPARATE migration sprint. Read references/router-migration.md.

      react-router v5 → v6 is a SEPARATE migration sprint. Read references/router-migration.md.

    Permission review

    Static risk signals and limitations

    Runs scripts

    medium · line 76

    The documentation asks the agent to run terminal commands or scripts.

    npm ls shows peer conflict for package X

    Evidence record

    Why each signal appears

    EvidenceSourceComputedTestedEditorial
    SignalValueEvidence typeMeaning
    Quality score68/100ComputedDocumentation, specificity, maintenance, and trust rules
    Repository stars37,126SourceRepository attention, not individual Skill quality
    Compatibility0 platformsSourceDeclared in the catalog source record
    Usage guideautomated source guideEditorialGenerated or reviewed according to the visible evidence level

    Pinned source

    Provenance and original SKILL.md

    Repository
    github/awesome-copilot
    Skill path
    skills/react18-dep-compatibility/SKILL.md
    Commit
    9933dcad5be5caeb288cebcd370eeeb2fc2f1685
    License
    MIT
    Collected
    2026-07-28
    Default branch
    main
    View the original SKILL.md

    React Dependency Compatibility Matrix

    Minimum versions required for React 18.3.1 and React 19 compatibility.

    Use this skill whenever checking whether a dependency supports a target React version, resolving peer dependency conflicts, deciding whether to upgrade or use legacy-peer-deps, or assessing the risk of a react-router v5 to v6 migration.

    Review this matrix before running npm install during a React upgrade and before accepting an npm dependency conflict resolution, especially where concurrent mode compatibility may be affected.

    Core Upgrade Targets

    PackageReact 17 (current)React 18.3.1 (min)React 19 (min)Notes
    react17.x18.3.119.0.0Pin exactly to 18.3.1 for the R18 orchestra
    react-dom17.x18.3.119.0.0Must match react version exactly

    Testing Libraries

    PackageReact 18 MinReact 19 MinNotes
    @testing-library/react14.0.016.0.0RTL 13 uses ReactDOM.render internally - broken in R18
    @testing-library/jest-dom6.0.06.0.0v5 works but v6 has React 18 matcher updates
    @testing-library/user-event14.0.014.0.0v13 is sync, v14 is async - API change required
    jest27.x27.xjest 27+ with jsdom 16+ for React 18
    jest-environment-jsdom27.x27.xMust match jest version

    Apollo Client

    PackageReact 18 MinReact 19 MinNotes
    @apollo/client3.8.03.11.03.8 adds useSyncExternalStore for concurrent mode
    graphql15.x16.xApollo 3.8+ peer requires graphql 15 or 16

    Read references/apollo-details.md for concurrent mode issues and MockedProvider changes.

    Emotion

    PackageReact 18 MinReact 19 MinNotes
    @emotion/react11.10.011.13.011.10 adds React 18 concurrent mode support
    @emotion/styled11.10.011.13.0Must match @emotion/react version
    @emotion/cache11.10.011.13.0If used directly

    React Router

    PackageReact 18 MinReact 19 MinNotes
    react-router-domv6.0.0v6.8.0v5 → v6 is a breaking migration - see details below
    react-router-dom v55.3.4 (workaround)❌ Not supportedSee legacy peer deps note

    react-router v5 → v6 is a SEPARATE migration sprint. Read references/router-migration.md.

    Redux

    PackageReact 18 MinReact 19 MinNotes
    react-redux8.0.09.0.0v7 works on R18 legacy root only - breaks on concurrent mode
    redux4.x5.xRedux itself is framework-agnostic - react-redux version matters
    @reduxjs/toolkit1.9.02.0.0RTK 1.9 tested against React 18

    Other Common Packages

    PackageReact 18 MinReact 19 MinNotes
    react-query / @tanstack/react-query4.0.05.0.0v3 doesn't support concurrent mode
    react-hook-form7.0.07.43.0v6 has concurrent mode issues
    formik2.2.92.4.0v2.2.9 patched for React 18
    react-select5.0.05.8.0v4 has peer dep conflicts with R18
    react-datepicker4.8.06.0.0v4.8+ added React 18 support
    react-dnd16.0.016.0.0v15 and below have R18 concurrent mode issues
    prop-typesanyanyStandalone - unaffected by React version

    Conflict Resolution Decision Tree

    npm ls shows peer conflict for package X
         │
         ▼
Does package X have a version that supports React 18?
  YES → npm install X@[min-compatible-version]
  NO  ↓
         │
Is the package critical to the app?
  YES → check GitHub issues for React 18 branch/fork
      → check if maintainer has a PR open
      → last resort: --legacy-peer-deps (document why)
  NO  → consider removing the package

    --legacy-peer-deps Rules

    Only use --legacy-peer-deps when:

    • The package has no React 18 compatible release
    • The package is actively maintained (not abandoned)
    • The conflict is only a peer dep declaration mismatch (not actual API incompatibility)

    Document every --legacy-peer-deps usage in a comment at the top of package.json or in a MIGRATION.md file explaining why it was necessary.

    Alternatives

    Compare before choosing

    Computed 9237,126

    github/awesome-copilot

    project-workflow-analysis-blueprint-generator

    Comprehensive technology-agnostic prompt generator for documenting end-to-end application workflows. Automatically detects project architecture patterns, technology stacks, and data flow patterns to generate detailed implementation blueprints covering entry points, service layers, data access, error handling, and testing approaches across multiple technologies including .NET, Java/Spring, React, and microservices architectures.

    2026-07-280 platforms
    Computed 88234,327

    affaan-m/ECC

    react-testing

    React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress end-to-end runs. Use when writing or fixing tests for React components, hooks, or pages.

    2026-07-270 platforms
    Computed 81234,327

    affaan-m/ECC

    coding-standards

    Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.

    2026-07-270 platforms
    Computed 8142,015

    coreyhaines31/marketingskills

    schema

    When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," "breadcrumb schema," "Google rich results," "knowledge panel," "star ratings in search," or "add structured data." Use this whenever someone wants their pages to show enhanced results in Google. For broader SEO issues, see seo-audit. For AI search

    2026-07-270 platforms