react-media | CSS media queries for React | Media library

Based on the docs, it looks like you have to pass Link a to object containing all the information:

The match prop doesn't have a location property.

A match object contains information about how a matched the URL. match objects contain the following properties:

• params - (object) Key/value pairs parsed from the URL corresponding to the dynamic segments of the path
• isExact - (boolean) true if the entire URL was matched (no trailing characters)
• path - (string) The path pattern used to match. Useful for building nested s
• url - (string) The matched portion of the URL. Useful for building nested s

The ProductScreen is only destructuring the match prop.

The issue seems to be related to the favicon path, ensure that the path is correct and try changing it to other dummy image.

If the paths are correct this issue is likely due to an outdated dev-dependency (@babel/helper-compilation-targets) or, according to this GitHub thread it could be also due to an invalid version of libvips dependency. In both cases you can try the same solution:

Remove your lock file (package-lock.json or yarn-lock.json), and your node_modules folder and reinstall your dependencies with yarn install or npm install. If the issue persists, try:

The issue was the file format I recieve from the api. If I try with this file in my fetch it works perfectly!