Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NextJS - TipTap breaks Next router

See original GitHub issue

What’s the bug you are facing?

When I navigate to ‘/’ with the nextJS link component from a page where I render the editor I get the following error: NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

How can we reproduce the bug on our side?

Create a React component in NextJS following this tutorial: https://tiptap.dev/installation/nextjs then create a route in Next like /blog/create where you render the editor then create a link to ‘/’ and you will get the following error: NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Can you provide a CodeSandbox?

No response

What did you expect to happen?

I expect to navigate away from any page where the editor is rendered without any errors

Anything to add? (optional)

No response

Did you update your dependencies?

Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

Yes, I’m a sponsor. 💖

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

bdbchcommented, Apr 13, 2022

Hey @rgbskills, thanks for your bug report. Could you give more information? (For example what kind of marks or nodes are used?

I tried to replicate the bug with a super simple editor but it worked just fine. (See video)

https://user-images.githubusercontent.com/6538827/163281870-863e3567-088d-478b-93eb-28ae068b6371.mp4

0reactions

kasem-smcommented, Nov 13, 2022

I was facing an error which said something like ‘failed to remove a node’ when going back (previous page). Fixed it by adding a parent div element to all the children html tag.

Top Results From Across the Web

next/router | Next.js

Learn more about the API of the Next.js Router, and access the router instance in your page with the useRouter hook.

Next.js WYSIWYG – Tiptap Editor

The following guide describes how to integrate Tiptap with your Next.js project. #Requirements. Node installed on your machine; Experience with React. #1.

React Tiptap Collaboration plugin and connecting to an ...

After I make the first change, while using hot reloads in VSC or Code Sandbox, it break because it tries to create a...

React-admin - Upgrading to v4 - Marmelab

If your code used useSelector to read the react-admin application state, it will break. React-admin v4 doesn't use Redux anymore. React-admin no longer...

Ano mas maganda? lagyan ko nang redux yung next.js app or ...

Currently using react-query, have nice integration specially with nextjs ... but I am eager to break into the tech industry and I never...