react-async | Asynchronously fetch data for React components | Frontend Utils library

--watchAll option in jest Watch files for changes and rerun all tests when something changes, reference
so this command yarn test --coverage --watchAll would show coverage of all files.

You try to access a variable, that does not exists (weather is not declared in this scope). If I understand your intention right, you try to plot all temp_min in a chart, so do a projection over your array.

Update:

Based on the documentation you need to provide x and y value pairs representing one data point. The first value pair of the data array must be the headers of the graph.

I'm not sure if your data is actually being pulled into the frontend, but if it is, I think the issue is when you map over it. When you use data.list.map((weather, index) => (, in that instance weather is each item in list. So instead of weather.min_temp (which doesn't exist) I think you're looking for weather.main.min_temp and weather.main.max_temp.

Here is the definition of ImageSourcePropType I found on github. I looks like ImageSourcePropType can be a number or array in which case it would not have a uri property.

I found a workaround!

I separated the tag to its own component, in that component the labelKey was not required for some reason.

I have no idea why this works, but it does for me!

I got it working with a plain HTML5 audio element, no Howler required:

react-async useFetch takes in the options object as the third param. This options object takes in a defer param which defers the execution if set to true. By default it is determined by the request method

AS per the documentation

defer Enables the use of deferFn if true, or enables the use of promiseFn if false. By default this is automatically chosen based on the request method (deferFn for POST / PUT / PATCH / DELETE, promiseFn otherwise).

Use your useFetch method like

When using the useAsync hook from the react-async library you can use the watch or the watchFn option the watch for changes. So changing the following line:

According to this GitHub issue the problem is with image-webpack-loader, there are multiple solutions in that thread:

Most popular solution:

This is apparently an issue with imagemin-mozjpeg. According to this comment imagemin/imagemin-mozjpeg#28 (comment) you need to install libpng16-dev (sudo apt-get install libpng16-dev).

This fixed it for me on Ubuntu 16.04.1 LTS

Also this

updating image-webpack-loader to version 4.5.0 solved this issue

And this:

The downgrade to 3.6.0 worked fine. Everything builds a-ok on Netlify and on Ubuntu 16.04.

Note: Side note, favicons-webpack-plugin also caused this same exact problem.(from @w9jds's comment)