> For AI agents: the complete documentation index is available at https://rslint.rs/llms.txt, the full documentation bundle is available at https://rslint.rs/llms-full.txt.

# jsx-wrap-multilines

[Added in v0.3.0](https://github.com/web-infra-dev/rslint/releases/tag/v0.3.0)
## Configuration


```ts title=rslint.config.ts
import { defineConfig, reactPlugin } from '@rslint/core';

export default defineConfig([
  reactPlugin.configs.recommended,
  {
    rules: {
      'react/jsx-wrap-multilines': 'error',
    },
  },
]);
```

## Rule Details

Prevent missing parentheses around multiline JSX. Wrapping multiline JSX in parentheses improves readability and avoids potential issues with automatic semicolon insertion.

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

```jsx
function App() {
  return <div>
    <span />
  </div>;
}
```

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

```jsx
function App() {
  return (
    <div>
      <span />
    </div>
  );
}
```

## Options

An object with the following properties, each accepting:

- `"parens"`: Require parentheses around multiline JSX.
- `"parens-new-line"`: Require parentheses with opening `(` and closing `)` on separate lines from the JSX.
- `"never"`: Disallow parentheses around multiline JSX.
- `"ignore"`: Do not check this context.

Properties:

- `declaration` (default: `"parens"`): Variable declarations
- `assignment` (default: `"parens"`): Assignments
- `return` (default: `"parens"`): Return statements
- `arrow` (default: `"parens"`): Arrow function bodies
- `condition` (default: `"ignore"`): Ternary conditions
- `logical` (default: `"ignore"`): Logical expressions
- `prop` (default: `"ignore"`): JSX prop values

## Original Documentation

- [eslint-plugin-react: jsx-wrap-multilines](https://github.com/jsx-eslint/eslint-plugin-react/blob/v7.37.5/docs/rules/jsx-wrap-multilines.md)
- [Source code](https://github.com/jsx-eslint/eslint-plugin-react/blob/v7.37.5/lib/rules/jsx-wrap-multilines.js)