A help with this select with material react table

jars06 — Tue, 15 Aug 2023 13:06:47 +0000

Hello, I have the following problem: On page load I have a useEffect that returns an x number of records with the following format:
TBLNAME: 'Table1'
TBLNAME: 'Table2'
TBLNAME: 'Table3'
.......
And this is the code to load the select:

const [selectTables, setSelectTabless] = useState([]);
.........

<FormControl variant="standard" sx={{ m: 1, minWidth: 350 }}>
   <InputLabel >Tablas cargadas</InputLabel>
   <Select
      id="selecttable"
      key={values.iD}
      name={"Tabla"}
      //onChange={(e) =>
      //setValues({ ...values, [e.target.name]: e.target.value })
      // }
    >
    {selectTables.map((table, index) =>
      <menuitem >
      {table}
      </menuitem >
      )}
    </Select>
</FormControl>

When I want to display the select, I get the following error:
"Objects are not valid as a React child (found: object with keys {TABLE_NAME}). If you meant to render a collection of children, use an array instead."

Any help please.
Thank you

Navigation component in Material-React-table

jars06 — Fri, 02 Jun 2023 13:53:31 +0000

With "MaterialReactTable" is there any way to align the "Navigation" component to the left of the table? The options available are top, bottom and both but I have a table with several columns and it is very cumbersome to have to scroll to the end to go to the next page. Thanks in advance

DEV Community: jars06

A help with this select with material react table

Navigation component in Material-React-table