# react/no-find-dom-node

> Disallow `findDOMNode`

`findDOMNode` reaches into a component and returns whatever DOM node it happens to render first. The caller breaks when the component changes its markup. It doesn't work with function components, React warns about it in strict mode, and React 19 removed it.

Attach a ref to the element you need.

{/* Generated by src/codegen/lint-rule-docs.ts. Do not edit this section. */}

## Configure

Off by default. To turn it on:

```toml bunfig.toml
[lint.rules]
"react/no-find-dom-node" = "error" # or "warn"
```

{/* End of the generated section. */}

## Examples

Reported:

{/* bad */}
```jsx
import { findDOMNode } from "react-dom";

class SearchBox extends React.Component {
  componentDidMount() {
    findDOMNode(this).focus();
  }

  render() {
    return <input type="search" />;
  }
}
```

Not reported:

{/* good */}
```jsx
class SearchBox extends React.Component {
  input = React.createRef();

  componentDidMount() {
    this.input.current.focus();
  }

  render() {
    return <input type="search" ref={this.input} />;
  }
}
```