eslint: Отсутствует определение компонента displayName

Question

Используя таблицу материалов (https://material-table.com/# / docs / features / component-overriding ), я пытаюсь переопределить определенный компонент таблицы. Он отлично отображает, но я хотел бы избавиться от ошибки eslint, которую intellij выдает мне, не просто игнорируя / отключая ее.

Erorr:

ESLint: определение компонента отсутствует отображаемое имя (response / display-name)

  ...
  return (
    <div className={classes.rootDiv}>
      <div className={classes.mainTableContainer}>
        <MainTable
          components={{
            Settings: (props) => <TableSettings name={'Steven'} {...props} /> // <- Error near (props)
          }}
          ...

Tablesettings

import React from 'react';

const TableSettings = (props) => {

  return (
    <div>
      <h1>Test</h1>
    </div>
  );
};

export default TableSettings;

Answer 1

, чтобы игнорировать это правило, как вы хотите, вам нужно установить .eslintrc.json как:

{
  // other configs...,
  "rules": {
    "react/display-name": "off"
  }
}

подробнее