Doesn't support React 18?

[punit1108]

I tried to install the library in one of my applications, which runs on react 18. But i got the following error -

Does it not support React 18?

[ralcant]

same here

[ornic]

It working via --legacy-peer-deps npm switch.

[Dilven]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

[kdesmondfaa]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

This is not working for me. I am still getting the same error.

[DustinKLo]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

This is not working for me. I am still getting the same error.

did you update your version of npm, overrides was added in v8.3.0
https://stackoverflow.com/a/70396201

[kdesmondfaa]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

This is not working for me. I am still getting the same error.

did you update your version of npm, overrides was added in v8.3.0 https://stackoverflow.com/a/70396201

Hey thanks, I was on v8.1

[himself65]

please try https://github.com/Himself65/data-viewer

[luixo]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

Unfortunately, this doesn't work if react-json-view is in npm workspace.

[fatihyildizhan]

I also couldn't fix with --legacy-peer-deps.

[le-phone]

+1

[Draym]

+1

[YYsuni]

Hey there! You might want to give this one a try: https://github.com/YYsuni/react18-json-view

[jaywcjlove]

Github: https://github.com/uiwjs/react-json-view
Website: https://uiwjs.github.io/react-json-view

Size and dependencies

Here is the size benchmark (using bundlephobia.com) against similar React libraries (found by npmjs.com/search):

Library	Bundle size	Bundle size (gzip)	Deps	Last commit
@uiw/react-json-view
react-json-view-lite
react-json-pretty
react-json-inspector
react-json-tree
react-json-view
react-json-tree-viewer
react-domify
react18-json-view

[YYsuni]

Hey there! You might want to give this one a try: https://github.com/YYsuni/react18-json-view

Look, I have added an editable feature and updated icons. Please feel free to submit an issue if you encounter any problems.

[Kecbm]

It working via --legacy-peer-deps npm switch.

a better solution is to override this in package.json

{
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-json-view": "^1.21.3"
  },
  "overrides": {
    "react-json-view": {
      "react": "$react",
      "react-dom": "$react-dom"
    }
  }
}

@Dilven Thank you very much for sharing this solution. Saved my deploy from a frontend competition 😅