The problem of using use_url in island

[tqq1994516]

<li>
      <a
          class=("menu-active", move || use_url()().path() == "/")
          href="/"
      >
          <span class="w-6 h-6 icon-[line-md--home]"></span>
          Home
          <span class="badge badge-xs">99+</span>
      </a>
  </li>
  <li>
      <a
          class=("menu-active", move || use_url()().path() == "/cut-image")
          href="/cut-image"
      >
          <span class="w-6 h-6 icon-[ph--image-broken-duotone]"></span>
          CutImage
      </a>
  </li>

I have enabled the islands features in my code. In the following code, I want to set the class content using dynamic attributes. However, when using use_url function, when I click the a tag, although the expression returns true, the class attribute is not set successfully. It is only set successfully when I click this a tag again.

[gbj]

Is there an error message in the browser console? I would've assumed this would panic in an island -- there is no access to the router, or router APIs, on the client in islands mode.

[tqq1994516]

I also enabled the islands router.

Ah okay, that's the key part. Then this is probably just a bug.

Is there any way for me to correctly implement my function now?

[gbj]

Like I said, it is probably just a bug (in the islands router). Opening a GitHub issue with a reproducible example is the path to that bug being fixed. Turning off the islands router and just using islands with normal routing should allow you to work around it until it is.

[tqq1994516]

Like I said, it is probably just a bug (in the islands router). Opening a GitHub issue with a reproducible example is the path to that bug being fixed. Turning off the islands router and just using islands with normal routing should allow you to work around it until it is.

I tried turning off the island router, and it worked normally. However, when I was about to file an issue, I found that my demo code runs normally even when the island router is turned on.The main difference is that in the demo code, the navigation is outside the Router tag, while in my project, the navigation is inside the Router tag and within the view of ParentRoute tag. I need to further identify the specific reason.

[tqq1994516]

Follow the progress of #4378