FSQuery.js

const GoalsForToday = () => (
  <FSQuery path="/users/$userId/goals">
    {({ data }) => {
      return (
        <Section title="Goals for today">
          <AddGoal />
          <br />
          <Paper>
            <Table>
              <TableHead>
                <TableRow>
                  <TableCell>Completed?</TableCell>
                  <TableCell>Title</TableCell>
                  <TableCell>Due on</TableCell>
                  <TableCell>Created</TableCell>
                </TableRow>
              </TableHead>
              <TableBody>
                {data.map(goal => <Goal key={goal.id} goal={goal} />)}
              </TableBody>
            </Table>
          </Paper>
        </Section>
      )
    }}
  </FSQuery>
)