first time with recoil any tip for access params

TypeError: Object(…) is not a function

i get this error when am trying send params down

export const fetchjobs = selector({ key: “fetchjobs”, get: (counter) => async ({ get }) => { try { const response = axios( "/jobs? _start= + counter + “&_limit=10” ); const data = response.data; return data; } catch (error) { console.log(error); throw error; } }, });

i call it

const jobsDataFetched = useRecoilValueLoadable(waitForAll(fetchjobs(20)));

if (state === “hasValue”) { const { contents } = jobsDataFetched; // console.log(contents); return <JobsLayout postlist={contents} />; }

what ever every thing works just fine if i called it with out any parameters

[acutmore]

Hi @hazem-a1

If you want to pass a parameter to a selector then you might be looking for selectorFamily.

export const fetchjobs = selectorFamily({
  key: "fetchjobs",
  get: (counter) => async ({ get }) => {
    try {
      const response = await axios(`/jobs? _start=${counter}&_limit=10`);
      const data = response.data;
      return data;
    } catch (error) {
      console.log(error);
      throw error;
    }
  },
});

...

const jobsDataFetched = useRecoilValueLoadable(fetchjobs(20)); // waitForAll not needed

[hazem-a1]

ok after changed the mock data api it works fine i can access the data from my component

i must done some thing wrong in my app i just will refactor it

thanks for help @acutmore