在react-admin上为多个资源设置全局筛选器的最佳方式是什么？

import { FilterContext } from 'react-admin';

const App = () => {
  const [filters, setFilters] = useState({});

  return (
    <FilterContext.Provider value={{ filters, setFilters }}>
      {/* 应用程序的其他组件 */}
    </FilterContext.Provider>
  );
};

export default App;

import { Filter } from 'react-admin';

const UserList = (props) => (
  <Filter {...props}>
    {/* 筛选器字段和组件 */}
  </Filter>
);

export default UserList;

import { useFilterContext } from 'react-admin';

const UserList = (props) => {
  const { filters } = useFilterContext();

  return (
    <List {...props} filter={filters}>
      {/* 列表组件的其他配置 */}
    </List>
  );
};

export default UserList;