Codemirror support for react v18?

Has someone discovered a way to run codemirror in react v18?
I rather do not want to downgrade my react version again...

Even I am facing some issues.

Did you guys found a way?

Naaah not explicitly. If you want to use Codemirror via React you can not use this library. You´ll have to integrate the "normal" codemirror yourself. I´m using the newest version (Codemirror 6) right now.
You can watch some tutorials and read the docs. It´s kinda tricky to get into but all makes sense in the end.

https://codemirror.net/

Good luck

Yes , I found a way , https://uiwjs.github.io/react-codemirror/ I used this, and it worked for me , you can check here www.codevim.tech

Thanks for your reply
I am gonna try with this one
https://uiwjs.github.io/react-codemirror/

if doens't work i am gonna build my own Thanks so much!

Thanks for your reply I am gonna try with this one https://uiwjs.github.io/react-codemirror/

if doens't work i am gonna build my own Thanks so much!

I tried that one as well. Notice that it´s not as customizable as the standard codemirror, which isn´t too much setup in the end!

No its not , Please go through my code from here https://github.com/kaushikc44/codevim

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: builder-cub@1.0.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=15.5 <=16.x" from react-codemirror2@7.2.1

I'm facing the same issue. Is there any solution that worked?

Are you using uiw / code mirror module? I have already mentioned that you prefer that., since code mirror isn't yet supported for react 18.2.0 either use a older version of react or use uiw/code mirror check the above repository codevim you can find the code for it.

Thanks for your reply I am gonna try with this one https://uiwjs.github.io/react-codemirror/
if doens't work i am gonna build my own Thanks so much!

I tried that one as well. Notice that it´s not as customizable as the standard codemirror, which isn´t too much setup in the end!

@MielkeDaniel https://github.com/uiwjs/react-codemirror/tree/v3

Using v3 is the old cm5 version.

Please I've been on this same issue for 2 days now is there any solution yet? I'm trying to use react-codemirror2 with peer dependency codemirror on React 18.2.0 and still haven't found a way out. I appreciate your assistance in advance!

Turn off your react strict mode in index.js
install "react-codemirror2": "^7.2.1
install "codemirror": "^5.57.0"
and last one use --force while you install any packages

It's worked on react v 18 for me

@7hourspg

Thanks @7hourspg.

So I'd install the dependencies with npm i react-codemirror2@7.2.1 codemirror@5.57.0 --force ??

@Favourz1

npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-codemirror2@7.2.1
npm WARN Found: react@18.2.0
npm WARN node_modules/react
npm WARN peer react@"^18.0.0" from @testing-library/react@13.4.0
npm WARN node_modules/@testing-library/react
npm WARN @testing-library/react@"^13.4.0" from the root project
npm WARN 3 more (react-dom, react-scripts, the root project)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@">=15.5 <=16.x" from react-codemirror2@7.2.1
npm WARN node_modules/react-codemirror2
npm WARN react-codemirror2@"7.2.1" from the root project
npm WARN
npm WARN Conflicting peer dependency: react@16.14.0
npm WARN node_modules/react
npm WARN peer react@">=15.5 <=16.x" from react-codemirror2@7.2.1
npm WARN node_modules/react-codemirror2
npm WARN react-codemirror2@"7.2.1" from the root project

added 2 packages, and audited 1480 packages in 8s

231 packages are looking for funding
run npm fund for details

7 vulnerabilities (1 moderate, 6 high)

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

@Favourz1 , I used your command, this came up but codemirror is now installed, however are these warnings concerning or should i ignore them? (PS: I am new to React)

@7hourspg

Turn off your react strict mode in index.js

install "react-codemirror2": "^7.2.1

install "codemirror": "^5.57.0"

and last one use --force while you install any packages

It's worked on react v 18 for me

Thank you @7hourspg , it worked for me in React v18

@7hourspg

hey @7hourspg , thanks buddy for helping

working

Bump peer dependency for React

Navigation Menu

Repository navigation

Codemirror support for react v18? #293

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Codemirror support for react v18? #293

Description

Activity

kaushikc44 commented on Oct 18, 2022

curiosity110 commented on Oct 31, 2022

DanielJonasMielke commented on Oct 31, 2022

kaushikc44 commented on Oct 31, 2022

curiosity110 commented on Oct 31, 2022

DanielJonasMielke commented on Oct 31, 2022

kaushikc44 commented on Oct 31, 2022

ArchanaSharma95 commented on Nov 23, 2022

kaushikc44 commented on Nov 23, 2022

jaywcjlove commented on Dec 9, 2022

Favourz1 commented on Feb 4, 2023

7hourspg commented on Feb 17, 2023

Favourz1 commented on Feb 17, 2023

Dhimantwalia commented on Feb 18, 2023

Bhavika-Maurya commented on Jun 30, 2023

ajay-nishad25 commented on Jul 22, 2023

khamkaradinath commented on Aug 5, 2023

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions