jsx-no-undef

CAUTION

This rule hasn’t been released yet. If you want to try it, you can install the beta version of the plugin.

Full Name in eslint-plugin-react-x

react-x/jsx-no-undef

Full Name in @eslint-react/eslint-plugin

@eslint-react/jsx-no-undef

Presets

Description

This rule is used to prevent the use of undefined variables in JSX. It checks for any undefined variables in the JSX code and reports them as errors.

const MyComponent = () => {
  return (
    <div>
      <Foo />
    </div>
  );
};

import Foo from "./Foo";
 
const MyComponent = () => {
  return (
    <div>
      <Foo />
    </div>
  );
};

const Foo = () => <div>Foo</div>;
 
const MyComponent = () => {
  return (
    <div>
      <Foo />
    </div>
  );
};