using filters cause error in admin-on-resst

Asked Jun 27 '17 at 12:12

Active Jun 27 '17 at 12:12

Viewed 87 times

this is my code

import React from 'react';
import {
  List,
  Datagrid,
  TextField,
  DateField,
  Filter,
  TextInput,
} from 'admin-on-rest/lib/mui';

const fsFilter = props => (
  <Filter {...props}>
    <TextInput label="Search" source="q" alwaysOn />
  </Filter>
);


export const fsList = props => (
  <List
    {...props}
    filters={<fsFilter />}
  >
  ...

I want to use filters in my list (search input) but I'm getting 2 warnings

Warning: Unknown props `showFilter`, `displayedFilters`, `filterValues`, `context` on <fsFilter> tag. Remove these props from the element...

and

Warning: Unknown props `hideFilter`, `setFilters` on <fsFilter> tag. Remove these props from the element...

what's wrong?

asked Jun 27 '17 at 12:12

pelak

BTW admin-on-rest version is "^1.1.2" – pelak Jun 27 '17 at 12:15
2

What if you name your filter component starting with a capital, i.e. `fsFilter` => `FsFilter `? – François Zaninotto Jun 27 '17 at 14:57
thanks, that was the problem... but why?? – pelak Jun 27 '17 at 14:59
That's JSX 101, see https://facebook.github.io/react/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized – François Zaninotto Jun 27 '17 at 15:01

using filters cause error in admin-on-resst

0 Answers0