---
name: react-flow
description: "Use when you need to run Flow type checking, or when seeing Flow type errors in React code."
license: "MIT"
metadata:
  decimalai-skill-id: "1939ca15-af71-4fd8-9c6f-9463f511b9db"
  decimalai-version-id: "13e6e4a1-f788-4ad9-b9fb-dcb1dae51365"
  decimalai-version: "1"
  decimalai-body-sha256: "1a3f2db278046cf058caee7b2b86ff4343ae4dc1854267c2a075108b10056a70"
  decimalai-name: "react/flow"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-category: "code-review"
  decimalai-source: "https://app.decimal.ai/s/react-flow@1/SKILL.md"
---
# Flow Type Checking

Arguments:
- $ARGUMENTS: Renderer to check (default: dom-node)

## Renderers

| Renderer | When to Use |
|----------|-------------|
| `dom-node` | Default, recommended for most changes |
| `dom-browser` | Browser-specific DOM code |
| `native` | React Native |
| `fabric` | React Native Fabric |

## Instructions

1. Run `yarn flow $ARGUMENTS` (use `dom-node` if no argument)
2. Report type errors with file locations
3. For comprehensive checking (slow), use `yarn flow-ci`

## Common Mistakes

- **Running without a renderer** - Always specify or use default `dom-node`
- **Ignoring suppressions** - Check if `$FlowFixMe` comments are masking real issues
- **Missing type imports** - Ensure types are imported from the correct package