title: Type '{}' is missing the following properties from type '(ColGroupDef | ColDef)[]': length, pop, push, concat, and 25 more
body: <p>I'm working with AG-Grid in TypeScript with React. I'm trying to build this component, and I'm nearly there. The code works, but my linter is showing 2 errors where I'm calling the Column Definitions (<code>columnDefs</code>) and Row Data (<code>rowData</code>). </p>
  
  <p>The errors read:</p>
  
  <ul>
  <li>"Type '{}' is missing the following properties from type '(ColGroupDef | ColDef)[]': length, pop, push, concat, and 25 more" [133:25]</li>
  <li>"Type '{}' is missing the following properties from type 'any[]': length, pop, push, concat, and 25 more." [134:25]</li>
  </ul>
  
  <p>I'm assuming that this has to do with the TypeScript Syntax...</p>
  
  <p>Here is the code that I have:</p>
  
  <pre><code>import * as React from "react"
  import { Frame, addPropertyControls, ControlType } from "framer"
  import { AgGridReact } from "@ag-grid-community/react"
  import { AllCommunityModules } from "@ag-grid-community/all-modules"
  import styled from "styled-components"
  
  import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css"
  import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css"
  
  interface MyProps {}
  
  interface MyState {
      columnDefs: object;
      rowData: object;
  }
  
  const StyledTable = styled.div`
      width: 100%;
      height: 100%;
      font-family: OpenSans-Bold;
  `
  
  export class Automation_Table extends React.Component&lt;MyProps, MyState&gt; {
      //Set the data for the Table
      constructor(props) {
          super(props)
          this.state = {
              //Set the Columns
              columnDefs: [
                  {
                      headerName: "Action Name",
                      field: "actionName",
                  },
                  {
                      headerName: "Action Description",
                      field: "actionDescription",
                  },
                  ...
                  {
                      headerName: "Details",
                      field: "details",
                  },
              ],
              //Set the actual data
              rowData: [
                  {
                      actionName: "Lorem Ipsum",
                      actionDescription:
                          "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tellus neque, lobortis sit amet varius vitae, vestibulum vel nisi.",
                      status: "Successful",
                      lastUpdate: "10/03/2019 8:33:15 PM",
                      actionRequired: "No",
                      details: "View",
                  },
                  ...
                  {
                      actionName: "Lorem Ipsum",
                      actionDescription:
                          "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tellus neque, lobortis sit amet varius vitae, vestibulum vel nisi.",
                      status: "Failed",
                      lastUpdate: "10/01/2019 6:46:26 PM",
                      actionRequired: "Yes",
                      details: "View",
                  },
              ],
          }
      }
  
      render() {
          return (
              &lt;StyledTable&gt;
                  &lt;Frame
                      style={{ height: "368px", width: "784px", background: "#FAFAFA" }}
                      className="ag-theme-material"
                  &gt;
                      &lt;AgGridReact
                          columnDefs={this.state.columnDefs}
                          rowData={this.state.rowData}
                          modules={AllCommunityModules}
                      &gt;&lt;/AgGridReact&gt;
                  &lt;/Frame&gt;
              &lt;/StyledTable&gt;
          )
      }
  }
  </code></pre>
  
  <p>The errors are for the following lines</p>
  
  <pre><code>&lt;AgGridReact
      columnDefs={this.state.columnDefs}
      rowData={this.state.rowData}
      modules={AllCommunityModules}
  &gt;&lt;/AgGridReact&gt;
  </code></pre>