---
url: /docs/guide/usage/linter/rules/react/capitalized-calls.md
---

### What it does

Disallows calling capitalized functions or methods directly during
render instead of rendering them with JSX, since capitalized names are
reserved for components.

Powered by the React Compiler, which runs once per file and is shared
with the other React Compiler rules. Port of
`react-hooks/capitalized-calls`.

### Why is this bad?

Calling a component as a plain function hides it from React: it gets
no state isolation and no hooks context of its own, and it breaks
memoization.

### Examples

Examples of **incorrect** code for this rule:

```jsx
import Child from "./Child";
function Component() {
  return <div>{Child()}</div>;
}
```

Examples of **correct** code for this rule:

```jsx
import Child from "./Child";
function Component() {
  return (
    <div>
      <Child />
    </div>
  );
}
```

## How to use

## Version

This rule was added in v1.79.0.

## References