Tutorial feedback and issues

[Josh-McFarlin]

Docusaurus tutorial

The Docusaurus tutorial is very important: it is the very first thing a Docusaurus user sees (init template or CodeSandbox)

Please report here if anything does not work or is unclear.

[intsanerarity]

cant install remix-image on remix 2.8.1

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: authapp@undefined
npm ERR! Found: remix@2.8.1
npm ERR! node_modules/remix
npm ERR! remix@"^2.8.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer remix@"^1.0.0" from remix-image@1.4.0
npm ERR! node_modules/remix-image
npm ERR! remix-image@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

[madsgodvinjensen]

On the step "Use component" in the tutorial there's a little problem. The code example is:

import Image from "remix-image";

<Image
  loaderUrl="/api/image"
  src="..."
  responsive={[
    {
      size: {
        width: 100,
        height: 100,
      },
      maxWidth: 200,
    },
  ]}
  dprVariants={[1, 3]}
/>

The import should however be:

import { Image } from "remix-image";