adobe / adobe/react-spectrum

Table is not interactive on first click in SSR

Open
#8,239 17 comments 5 reactions 0 assignees View on GitHub
help wanted needs investigation
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

React Aria's table is not interactive on the first click when the page was loaded through SSR.

### 🤔 Expected Behavior?

The table should be interactive/hydrated on page load, not only after a user clicked on the page.

### 😯 Current Behavior

-

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

https://github.com/gijsroge/react-aria-table-issue

`npm install && npm run dev`

On page load you will notice the table is not interactive on the first click, only on the second click.

If you start on page 2: http://localhost:5174/2 and then use the link on this page to navigate to the table using a client side navigation, the table is interactive on first click.

### Version

1.8.0

### What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Safari, Firefox

### If other, please specify.

_No response_

### What operating system are you using?

Windows

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.