&#8203;UI freeze on click a record inside the DataView

### What happened?

Hi,

I just started a self-hosted instance via docker compose, and correctly setup the some users and pages. 
When I come accros an unattended behaviour / error during the addition of a new block TableView.

Adding the TableView view block apparently work, and I'm able to add new record and interact with the existing one, but when you try to open one record the full UI freeze and you need to reload the page.
<img width="1356" alt="Screenshot 2024-11-06 at 10 06 02" src="https://github.com/user-attachments/assets/5a89b8e1-4727-447a-815b-6507d8aca22a">



I was able to identify some console errors that occurs on the addition of the block TableView, following the screenshot:
<img width="779" alt="Screenshot 2024-11-06 at 09 33 56" src="https://github.com/user-attachments/assets/6be3112f-c5b1-40ba-9e37-638647023511">

Tested on the following browsers:
- Safari Version 18.0.1 (20619.1.26.31.7) 
- Google Chrome Version 130.0.6723.92 (Official Build) (arm64) ] 

I assume that the error are linked to the following request that fails in the browser:
```bash
## request
curl 'https://affine.carnevlu.com/graphql' \
-X 'POST' \
-H 'Content-Type: application/json' \
-H 'Accept: */*' \
-H 'Sec-Fetch-Site: same-origin' \
-H 'Accept-Language: en-GB,en;q=0.9' \
-H 'Accept-Encoding: gzip, deflate, br' \
-H 'Sec-Fetch-Mode: cors' \
-H 'Origin: https://affine.carnevlu.com' \
-H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Safari/605.1.15' \
-H 'Content-Length: 607' \
-H 'Referer: https://affine.carnevlu.com/workspace/10a6ea8f-a55b-4036-b248-ee9a9e1ed30a/VyTnZPw3dcjHqyl8jNBBX' \
-H 'Sec-Fetch-Dest: empty' \
-H 'Cookie: affine_session=bcdafe7d-ee73-4ee5-af95-ecf2b873ec14; affine_user_id=b16f759d-fe89-43c8-8c12-09d9d37eb822' \
-H 'x-definition-name: currentUser' \
-H 'Priority: u=3, i' \
-H 'x-operation-name: getCopilotHistories' \
--data-binary '{"query":"\nquery getCopilotHistories($workspaceId: String!, $docId: String, $options: QueryChatHistoriesInput) {\n  currentUser {\n    copilot(workspaceId: $workspaceId) {\n      histories(docId: $docId, options: $options) {\n        sessionId\n        tokens\n        action\n        createdAt\n        messages {\n          id\n          role\n          content\n          attachments\n          createdAt\n        }\n      }\n    }\n  }\n}","variables":{"workspaceId":"10a6ea8f-a55b-4036-b248-ee9a9e1ed30a","docId":"VyTnZPw3dcjHqyl8jNBBX","options":{"fork":false}},"operationName":"getCopilotHistories"}'

## result
{
    "errors": [
        {
            "message": "Internal Server Error",
            "locations": [
                {
                    "line": 2,
                    "column": 76
                }
            ],
            "extensions": {
                "code": "Internal Server Error",
                "status": 500
            }
        },
        {
            "message": "Internal Server Error",
            "locations": [
                {
                    "line": 4,
                    "column": 5
                }
            ],
            "extensions": {
                "code": "Internal Server Error",
                "status": 500
            }
        }
    ]
}
```

And the following error on the running container affine-graphql:stable : 
```bash
[Nest] 117  - 11/06/2024, 8:26:25 AM   ERROR [GraphQL] Internal server error
GraphQLError: Cannot query field "copilot" on type "UserType".
    at Object.Field (/app/node_modules/graphql/validation/rules/FieldsOnCorrectTypeRule.js:51:13)
    at Object.enter (/app/node_modules/graphql/language/visitor.js:301:32)
    at Object.enter (/app/node_modules/graphql/utilities/TypeInfo.js:391:27)
    at visit (/app/node_modules/graphql/language/visitor.js:197:21)
    at validate (/app/node_modules/graphql/validation/validate.js:91:24)
    at processGraphQLRequest (/app/node_modules/@apollo/server/dist/cjs/requestPipeline.js:101:61)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async internalExecuteOperation (/app/node_modules/@apollo/server/dist/cjs/ApolloServer.js:644:16)
    at async runHttpQuery (/app/node_modules/@apollo/server/dist/cjs/runHttpQuery.js:135:29)
    at async runPotentiallyBatchedHttpQuery (/app/node_modules/@
```

Other informations:
- the instance is running on a intel base server
- the instance is served over HTTPS behind a proxy

the docker compose used for the instance is:
```yaml
services:
  affine:
    image: ghcr.io/toeverything/affine-graphql:canary
    container_name: affine_selfhosted
    command:
      ['sh', '-c', 'node ./scripts/self-host-predeploy && node ./dist/index.js']
    ports:
      - '3010:3010'
      - '5555:5555'
    depends_on:
      redis:
        condition: service_healthy
      postgres:
        condition: service_healthy
    volumes:
      # custom configurations
      - ./config:/root/.affine/config
      # blob storage
      - ./storage:/root/.affine/storage
    logging:
      driver: 'json-file'
      options:
        max-size: '1000m'
    restart: unless-stopped
    environment:
      - NODE_OPTIONS="--import=./scripts/register.js"
      - AFFINE_CONFIG_PATH=/root/.affine/config
      - REDIS_SERVER_HOST=redis
      - DATABASE_URL=postgres://affine:affine@postgres:5432/affine
      - NODE_ENV=production
      - AFFINE_ADMIN_EMAIL=super@secret.email
      - AFFINE_ADMIN_PASSWORD=SuperSecretTempPassword
      - AFFINE_SERVER_HOST=affine.domain.com
      - AFFINE_SERVER_HTTPS=true
      # Telemetry allows us to collect data on how you use the affine. This data will helps us improve the app and provide better features.
      # Uncomment next line if you wish to quit telemetry.
      # - TELEMETRY_ENABLE=false
  redis:
    image: redis
    container_name: affine_redis
    restart: unless-stopped
    volumes:
      - ./redis:/data
    healthcheck:
      test: ['CMD', 'redis-cli', '--raw', 'incr', 'ping']
      interval: 10s
      timeout: 5s
      retries: 5
  postgres:
    image: postgres
    container_name: affine_postgres
    restart: unless-stopped
    volumes:
      - ./postgres:/var/lib/postgresql/data
    healthcheck:
      test: ['CMD-SHELL', 'pg_isready -U affine']
      interval: 10s
      timeout: 5s
      retries: 5
    environment:
      POSTGRES_USER: affine
      POSTGRES_PASSWORD: affine
      POSTGRES_DB: affine
      PGDATA: /var/lib/postgresql/data/pgdata



```



### Distribution version

macOS ARM 64 (Apple Silicon)

### What browsers are you seeing the problem on if you're using web version?

Chrome, Safari

### Are you self-hosting?

- [X] Yes

### Relevant log output

```shell
[Nest] 117  - 11/06/2024, 8:26:25 AM   ERROR [GraphQL] Internal server error
GraphQLError: Cannot query field "copilot" on type "UserType".
    at Object.Field (/app/node_modules/graphql/validation/rules/FieldsOnCorrectTypeRule.js:51:13)
    at Object.enter (/app/node_modules/graphql/language/visitor.js:301:32)
    at Object.enter (/app/node_modules/graphql/utilities/TypeInfo.js:391:27)
    at visit (/app/node_modules/graphql/language/visitor.js:197:21)
    at validate (/app/node_modules/graphql/validation/validate.js:91:24)
    at processGraphQLRequest (/app/node_modules/@apollo/server/dist/cjs/requestPipeline.js:101:61)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async internalExecuteOperation (/app/node_modules/@apollo/server/dist/cjs/ApolloServer.js:644:16)
    at async runHttpQuery (/app/node_modules/@apollo/server/dist/cjs/runHttpQuery.js:135:29)
    at async runPotentiallyBatchedHttpQuery (/app/node_modules/@
```


### Anything else?

<img width="706" alt="image" src="https://github.com/user-attachments/assets/540ef66a-b2ef-4cdf-bbd9-6390db155345">


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

UI freeze on click a record inside the DataView #8721

What happened?

Distribution version

What browsers are you seeing the problem on if you're using web version?

Are you self-hosting?

Relevant log output

Anything else?

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

​UI freeze on click a record inside the DataView #8721

Description

What happened?

Distribution version

What browsers are you seeing the problem on if you're using web version?

Are you self-hosting?

Relevant log output

Anything else?

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

UI freeze on click a record inside the DataView #8721