doesn't work for Next 15/React 19?

[ohitsdoh]

Steps to reproduce:

1. Upgrade to Next 15

Expected behaviour: It to render

Observed behaviour: Getting the following error:

[apeiniger]

Having the same issue with the react 19 production release

[zapbulon]

Hi, I also experienced the same thing and as it seems this library is silently disontinued I took the initiative to fix it for myself.

Currently you can check the code here (https://github.com/moxylabs/react-mentions/tree/v4.6.0) and use it like this in package.json "react-mentions": "github:moxylabs/react-mentions#v4.6.0"

You can give it a try and let me know if it's fixed for you. Works in my use case but I can't guarantee it's fixed for all

If someone needs any feature in the other pull requests here merged I can do that in the repo above. If someone wants to convert it to TS or rewrite the class components to functonal components ... let's do this. I'm kinda ready to adopt it as it's easier for me than to switch to another lib

[isaacrmoreno]

@zapbulon This worked for my team. We just implemented this library a few weeks ago, so much appreciated!!

[apeiniger]

@zapbulon Thanks, that works, nice 👍

Only thing is I'm still getting errors when checking for typescript errors:

Are you still seeing the errors there?

[zapbulon]

@zapbulon Thanks, that works, nice 👍

Only thing is I'm still getting errors when checking for typescript errors:

Are you still seeing the errors there?

Unfortunately I have no idea what ReactPortal is and my best guess is it's something custom to yopur project? I'm not sure why it requires children prop

[olabayojiwaddle]

Hi, I also experienced the same thing and as it seems this library is silently disontinued I took the initiative to fix it for myself.

Currently you can check the code here (https://github.com/moxylabs/react-mentions/tree/v4.6.0) and use it like this in package.json "react-mentions": "github:moxylabs/react-mentions#v4.6.0"

You can give it a try and let me know if it's fixed for you. Works in my use case but I can't guarantee it's fixed for all

If someone needs any feature in the other pull requests here merged I can do that in the repo above. If someone wants to convert it to TS or rewrite the class components to functonal components ... let's do this. I'm kinda ready to adopt it as it's easier for me than to switch to another lib

Legend!!! Any chance you can publish this? I’m in on working on it and maintaining. Let me know what you think.

[sternma]

@zapbulon , thank you! +1 to what @olabayojiwaddle said above as well..

[bel0v]

@apeiniger we had similar issues and resolved it with

  "resolutions": {
    "@types/react": "19.0.10",
    "@types/react-dom": "19.0.4"
  },

in package.json. @zapbulon 's fork is still needed though because otherwise it just crashes in runtime

[maraism]

Hi, it works for me. You need to set the markup (for example : markup='@display') on the Mention component.

[eliezerbs9]

@zapbulon many thanks for this fix. I had spent hours trying to understand why my code was not working.

[asumaran]

Hey folks, I got it working with React 19 and migrated the unit tests from Enzyme to React Testing Library. Also included a few minor bug fixes: https://github.com/asumaran/react-mentions/releases/tag/v4.7.0

Similar to @zapbulon you can use my fork with:

"react-mentions": "github:asumaran/react-mentions#v4.7.0",

[marklin49]

Uncaught TypeError: Cannot read properties of null (reading 'length') I got this issue.

[hbmartin]

This package looks abandon but I am working to resurrect with a modern rewrite. Fully rewritten for React 19 in TypeScript. You can try it today (but it's not 💯 and I'm still evolving it): https://github.com/hbmartin/react-mentions-ts