Skip to content

[Bug] Grid not showing database on Web #143

@kireeeenn

Description

@kireeeenn

Bug Description

This is supposed to show the table of my database, but instead it returns Something went wrong: Cannot read properties of undefined (reading 'id').

Image

Steps to Reproduce

  1. Create the grid on app.
  2. Update the database on app
  3. View the database on web.
  4. Reload several times to see if anything changes.

Expected Behavior

Show the database table: items and their attributes. This is from the Appflowy app.

Image

Browser and Version

Chrome 141

AppFlowy Version(s)

v0.10.2

Screenshots

Like this but on web version. This one is from app version.

Image

Logs and Console Output

react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
react-dom.production.min.js:121 TypeError: Cannot read properties of undefined (reading 'id')
at index-CeU1LZBd.js:221:103868
at index-CeU1LZBd.js:221:103401
at arrayEvery (index-CeU1LZBd.js:185:215834)
at every (index-CeU1LZBd.js:185:216248)
at index-CeU1LZBd.js:221:103373
at arrayFilter (index-CeU1LZBd.js:185:191028)
at filter$1 (index-CeU1LZBd.js:185:216629)
at filterBy (index-CeU1LZBd.js:221:105199)
at index-CeU1LZBd.js:221:139770
at index-CeU1LZBd.js:221:139960
wf @ react-dom.production.min.js:121
index-CeU1LZBd.js:221 WebSocket connection to 'wss://beta.appflowy.cloud/ws/v2/74ca38bc-4645-4834-8d84-ad3faecce53f/?clientId=web' failed:
createOrJoinSocket @ index-CeU1LZBd.js:221
index-CeU1LZBd.js:221 WebSocket connection to 'wss://beta.appflowy.cloud/ws/v2/74ca38bc-4645-4834-8d84-ad3faecce53f/?clientId=web' failed:
createOrJoinSocket @ index-CeU1LZBd.js:221

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions