the-forest/client/node_modules/eslint-plugin-react/lib/rules/no-find-dom-node.js
2024-09-17 20:35:18 -04:00

57 lines
1.4 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* @fileoverview Prevent usage of findDOMNode
* @author Yannick Croissant
*/
'use strict';
const docsUrl = require('../util/docsUrl');
const report = require('../util/report');
// ------------------------------------------------------------------------------
// Rule Definition
// ------------------------------------------------------------------------------
const messages = {
noFindDOMNode: 'Do not use findDOMNode. It doesnt work with function components and is deprecated in StrictMode. See https://reactjs.org/docs/react-dom.html#finddomnode',
};
/** @type {import('eslint').Rule.RuleModule} */
module.exports = {
meta: {
docs: {
description: 'Disallow usage of findDOMNode',
category: 'Best Practices',
recommended: true,
url: docsUrl('no-find-dom-node'),
},
messages,
schema: [],
},
create(context) {
return {
CallExpression(node) {
const callee = node.callee;
const isFindDOMNode = ('name' in callee && callee.name === 'findDOMNode') || (
'property' in callee
&& callee.property
&& 'name' in callee.property
&& callee.property.name === 'findDOMNode'
);
if (!isFindDOMNode) {
return;
}
report(context, messages.noFindDOMNode, 'noFindDOMNode', {
node: callee,
});
},
};
},
};