Got TypeError: Object(...) is not a function when trying to import { selectorFamily } from "recoil"

Developer Story

As a developer I want to use the selectorFamily helper function So that I can make asynchronous queries with parameters

Description

I am trying to make an asynchronous data query with parameters. So I am trying to use the selectorFamily helper. But when I try to import { selectorFamily } from "recoil", the application throws TypeError: Object(...) is not a function.

How to fix it

Maybe exporting the selectorFamily helper at the recoil library.

Steps to reproduce the behavior

1. Initialize or open a React project;
2. Run npm install recoil --save-exact to install version 0.0.7;
3. Create a JS file;
4. Try to import { selectorFamily } from "recoil" in this file;
5. Run npm start and check if error occurs.

Expected behavior

Application should not throw a TypeError.

Actual behavior

TypeError: Object(...) is not a function
Module.<anonymous>
src/recoil/selectors/reportedParkingsQuery.js:20

  17 |   throw error.response.error
  18 | }
  19 | 
> 20 | export const reportedParkingsQuery = selectorFamily({
  21 |   key: "ReportedParkings",
  22 |   get: (carPlate) => async ({ get }) => {
  23 |     const response = await getParkingsByCarPlate(carPlate)

Module../src/recoil/selectors/reportedParkingsQuery.js
http://localhost:8000/commons.js:120193:30
__webpack_require__
/webpack/bootstrap:789

Environment

• OS: macOS Catalina 10.15.4 (19E287);
• Node version: v12.16.0;
• NPM version: 6.13.4;
• React version: 16.13.1;
• Recoil version: 0.0.7.

Related code

https://github.com/facebookexperimental/Recoil/blob/1e6e077de77e35dadf28b1a452980f2cb76620a5/src/recoil_values/Recoil_selectorFamily.js#L88-L135

[Cadrach]

Hi there, thanks for the work on this library!

Is there an easy way to use selectorFamily in recoil currently? I have looked at #33 and #82 but it does not seem to be quite there yet…

[timeswind]

Is this the same issue for using atomFamily?