Скрыть / показать столбцы в таблице реакции в зависимости от размера экрана

Question

Мне нужно скрыть / показать столбцы в зависимости от размера экрана. Читая документацию, я обнаружил, что добавить className в качестве свойства, это будет работать, также я попробовал функцию whit useState со свойством show, но ни один из этих вариантов у меня не работает. это мой код для заголовков.

let cveTableHeader = [
    {
      columns: [
        {
          Header: "",
          accessor: "icon",
          width:  60,
          Cell: row => {
            return (
              <div style={{position: "relative", height: '40px'}}>
                <ShieldSVG color={row.value.color} />
                <span className="cve__severity">{row.value.severity_number}</span>
              </div>
            )
          }
        },
        {
          Header: "Title",
          accessor: "title",
          width: 500,
          Cell: row => {
            return (
              <div style={{textAlign: "left", padding: '0.5rem'}}>
                {row.value}
              </div>
            )
          }
        },
        {
          Header: "CVE",
          accessor: "name",
          width: 200,
          Cell: row => {
            return (
              <div style={{textAlign: "left", padding: '0.5rem'}}>
                {row.value}
              </div>
            )
          }
        },
        {
          Header: "SA",
          accessor: "related_sa",
          width: 200,
          Cell: row => {
            return (
              <div style={{textAlign: "left", padding: '0.5rem'}}>
                {row.value}
              </div>
            )
          }
        },
        {
          Header: "Severity",
          accessor: "severity",
          width: 200,
          Cell: row => {
            return (
              <div style={{padding: '0.5rem'}}>
                {row.value}
              </div>
            )
          }
        },
        {
          Header: "Disclosure Date",
          accessor: "date",
          width: 140,
          Cell: row => {
            return (
              <div style={{padding: '0.5rem'}}>
                {row.value}
              </div>
            )
          }
        }
      ]
    }
  ];