Failed to execute 'replaceState' on 'History': #

Question

I have this Jetstream Laravel application, which has a presence channel set up for chat features.

What's happening is:

When I join the channel and send a message there, everything works fine, except when I try to exit the channel. In every navigation link, the error Uncaught DOMException: Failed to execute 'replaceState' on 'History': #<Object> could not be cloned. is triggered.

Not sure what is causing it...

Curious Fact:

When I join the channel, and leave it, without sending any message, it works as expected. I visit the page that I was supposed to visit, without any error.

Are you resolve this error ? – MAHA OUEGHLANI Sep 19 '22 at 12:37 — MAHA OUEGHLANI, Sep 19 '22 at 12:37

score 4 · Answer 1 · edited Oct 19 '22 at 13:10

4

You should not change the props who is coming from $page.props.{propName}

Instead if you want to make some changes on a prop like your app {messages}

you should create a new object or array from the prop:

const messages = ref([...page.props.value.messages]);

Now you can change the messages object as many as you want:

messages.push(newMessage)

edited Oct 19 '22 at 13:10

marc_s

732,580
175
1,330
1,459

answered Jul 07 '22 at 15:03

LasT TraiLer

41
3

What's happening is:

Curious Fact:

1 Answers1