Notion Database Gallery cannot be displayed on the browser.

[Smars-Bin-Hu]

⬆️ it seems like the author's site is unable to display normally as well

From 2021 Macbook Pro 16'' M1 Pro User, latest system version, Chrome and Safari both tried, browser cache cleaned.

also cannot be displayed on my mobile end(iPhone Chrome).

[kapilDahiya13]

My blog is also not working
https://tempus-mail-blog.vercel.app/

2025-10-08T08:56:05.309Z [error] (node:4) [DEP0128] DeprecationWarning: Invalid 'main' field in '/var/task/node_modules/@react-icons/all-files/package.json' of 'lib'. Please either fix that or report it to the module author
(Use `node --trace-deprecation ...` to show where the warning was created)
2025-10-08T08:56:05.387Z [info] {
  domain: 'blog.tempusmail.com',
  name: 'TempusMail Blog',
  rootNotionPageId: '26131cb2e29c804da014fcd5cde71acc',
  rootNotionSpaceId: null,
  description: 'Official Blog website for TempusMail.com'
}
2025-10-08T08:56:05.661Z [warning] NotionAPI collectionQuery error {
  pageId: '26131cb2e29c804da014fcd5cde71acc',
  collectionId: '26131cb2-e29c-81e6-be8b-000b2e4e2d1a',
  collectionViewId: '26131cb2-e29c-81e3-9a73-000c16f226b7'
} Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load
2025-10-08T08:56:05.668Z [error] Error [HTTPError]: Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load
    at <unknown> (HTTPError: Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load) {
  response: Response {
    status: 530,
    statusText: '',
    headers: Headers {
      date: 'Wed, 08 Oct 2025 08:56:05 GMT',
      'content-type': 'text/html; charset=UTF-8',
      'transfer-encoding': 'chunked',
      connection: 'keep-alive',
      'cf-ray': '98b46c4b2d53e641-IAD',
      'cache-control': 'private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0',
      expires: 'Thu, 01 Jan 1970 00:00:01 GMT',
      'strict-transport-security': 'max-age=31536000; includeSubDomains; preload',
      'referrer-policy': 'same-origin',
      'x-content-type-options': 'nosniff',
      'x-frame-options': 'SAMEORIGIN',
      'set-cookie': '__cf_bm=SYbR8OVPTcyZZVP8A0BI_AavCOoE7_UA5Jrl5SVKAVY-1759913765-1.0.1.1-YEqtYDP.R0JosOdWsocVsiGuPQ0IYr0mw2EKV5Z6I7wo9tmTkBnh6h6bxT3TaA8G9UCWLc79jk2eZAJsVIJcBIbUQgzOnIkGGZ6sOeY1_4c; path=/; expires=Wed, 08-Oct-25 09:26:05 GMT; domain=.notion.so; HttpOnly; Secure; SameSite=None, _cfuvid=rwhoFOvqKKKOlmvjrgP2405odyz3Hij4HWiLglDKgSw-1759913765657-0.0.1.1-604800000; path=/; domain=.notion.so; HttpOnly; Secure; SameSite=None',
      vary: 'Accept-Encoding',
      server: 'cloudflare',
      'alt-svc': 'h3=":443"; ma=86400'
    },
    body: undefined,
    bodyUsed: false,
    ok: false,
    redirected: false,
    type: 'basic',
    url: 'https://www.notion.so/api/v3/queryCollection?src=initial_load'
  },
  request: Request {
    method: 'POST',
    url: 'https://www.notion.so/api/v3/queryCollection?src=initial_load',
    headers: Headers { 'content-type': 'application/json' },
    destination: '',
    referrer: 'about:client',
    referrerPolicy: '',
    mode: 'no-cors',
    credentials: 'same-origin',
    cache: 'default',
    redirect: 'follow',
    integrity: '',
    keepalive: false,
    isReloadNavigation: false,
    isHistoryNavigation: false,
    signal: [AbortSignal]
  },
  options: [Object]
}
2025-10-08T08:56:05.678Z [warning] NotionAPI collectionQuery error {
  pageId: '26131cb2e29c804da014fcd5cde71acc',
  collectionId: '26131cb2-e29c-81e6-be8b-000b2e4e2d1a',
  collectionViewId: '26131cb2-e29c-81ad-8cfd-000cb122aa5e'
} Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load
2025-10-08T08:56:05.680Z [error] Error [HTTPError]: Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load
    at <unknown> (HTTPError: Request failed with status code 530: POST https://www.notion.so/api/v3/queryCollection?src=initial_load) {
  response: Response {
    status: 530,
    statusText: '',
    headers: Headers {
      date: 'Wed, 08 Oct 2025 08:56:05 GMT',
      'content-type': 'text/html; charset=UTF-8',
      'transfer-encoding': 'chunked',
      connection: 'keep-alive',
      'cf-ray': '98b46c4b4d8e0835-IAD',
      'cache-control': 'private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0',
      expires: 'Thu, 01 Jan 1970 00:00:01 GMT',
      'strict-transport-security': 'max-age=31536000; includeSubDomains; preload',
      'referrer-policy': 'same-origin',
      'x-content-type-options': 'nosniff',
      'x-frame-options': 'SAMEORIGIN',
      'set-cookie': '__cf_bm=pqeOMWky2TpZV0E1R4dTkcZHVk.Qia1bnu8oidmuO98-1759913765-1.0.1.1-mPXmGFfPNwk.Cyl7jleUsrOYxOzCFYsAY1k1g8_wAXL5fXHCQDO58N3We9GbgiJCVH2h_cYbNeVof2yndlOsl0bBb2yqQxTyXyBSyWbCG1U; path=/; expires=Wed, 08-Oct-25 09:26:05 GMT; domain=.notion.so; HttpOnly; Secure; SameSite=None, _cfuvid=XLx8baoKJl8YH3.AvzArPgSNeioGaAUsq.mZAsFCD_c-1759913765675-0.0.1.1-604800000; path=/; domain=.notion.so; HttpOnly; Secure; SameSite=None',
      vary: 'Accept-Encoding',
      server: 'cloudflare',
      'alt-svc': 'h3=":443"; ma=86400'
    },
    body: undefined,
    bodyUsed: false,
    ok: false,
    redirected: false,
    type: 'basic',
    url: 'https://www.notion.so/api/v3/queryCollection?src=initial_load'
  },
  request: Request {
    method: 'POST',
    url: 'https://www.notion.so/api/v3/queryCollection?src=initial_load',
    headers: Headers { 'content-type': 'application/json' },
    destination: '',
    referrer: 'about:client',
    referrerPolicy: '',
    mode: 'no-cors',
    credentials: 'same-origin',
    cache: 'default',
    redirect: 'follow',
    integrity: '',
    keepalive: false,
    isReloadNavigation: false,
    isHistoryNavigation: false,
    signal: [AbortSignal]
  },
  options: [Object]
}
2025-10-08T08:56:06.158Z [warning] failed to create preview image https://www.notion.so/image/notion%3A%2F%2Fcustom_emoji%2Fab631cb2-e29c-815d-ad0d-00039d4d2f55%2F27031cb2-e29c-80fa-b02e-007afb10312b?table=block&id=26131cb2-e29c-804d-a014-fcd5cde71acc&cache=v2 Request failed with status code 404 Not Found: GET https://www.notion.so/image/notion%3A%2F%2Fcustom_emoji%2Fab631cb2-e29c-815d-ad0d-00039d4d2f55%2F27031cb2-e29c-80fa-b02e-007afb10312b?table=block&id=26131cb2-e29c-804d-a014-fcd5cde71acc&cache=v2
2025-10-08T08:56:06.186Z [info] lqip {
  originalWidth: 2200,
  originalHeight: 1238,
  width: 16,
  height: 9,
  type: 'webp',
  dataURIBase64: 'data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAAAQAgCdASoQAAkABUB8JbACdAD2CGHwpDbAAP6sPxnA5FKMZGa9CnkYVtJMn9aOF0nFIjNVTna2LenysntRiAhGxNbAJ4R+8xCfLgAA',
  url: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc8028bee-f4c7-4736-8c36-fffcab5d977e%2Fwp5493885.jpg?table=block&id=26131cb2-e29c-8168-8c05-f0a90fb2c6f0&cache=v2',
  cacheKey: 'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc8028bee-f4c7-4736-8c36-fffcab5d977e%2Fwp5493885.jpg'
}
2025-10-08T08:56:06.212Z [info] lqip {
  originalWidth: 2000,
  originalHeight: 500,
  width: 16,
  height: 4,
  type: 'webp',
  dataURIBase64: 'data:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAADQAQCdASoQAAQABUB8JQBOgCIAPGy4AAD+787PWlJa+O5cFQnRalnAAAA=',
  url: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6%2F06.jpg?table=block&id=26131cb2-e29c-8164-bffb-ead681a96645&cache=v2',
  cacheKey: 'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6%2F06.jpg'
}
2025-10-08T08:56:06.380Z [info] lqip {
  originalWidth: 6016,
  originalHeight: 4000,
  width: 16,
  height: 11,
  type: 'webp',
  dataURIBase64: 'data:image/webp;base64,UklGRjYAAABXRUJQVlA4ICoAAACQAQCdASoQAAsABUB8JaQAAhKbg8AA/YfXlLWJJjyTXSEBqMewl2blAAA=',
  url: 'https://images.unsplash.com/photo-1746292184556-04b7eaefe97d?ixlib=rb-4.1.0&q=85&fm=jpg&crop=entropy&cs=srgb',
  cacheKey: 'images.unsplash.com/photo-1746292184556-04b7eaefe97d'
}
2025-10-08T08:56:06.384Z [info] notion page {
  isDev: false,
  title: 'TempusMail Blog',
  pageId: '26131cb2e29c804da014fcd5cde71acc',
  rootNotionPageId: '26131cb2e29c804da014fcd5cde71acc',
  recordMap: {
    block: {
      '26131cb2-e29c-804d-a014-fcd5cde71acc': [Object],
      '26131cb2-e29c-817c-a394-df35f03a7280': [Object],
      '26131cb2-e29c-8111-a7e8-e8c28a5422d6': [Object],
      '26131cb2-e29c-81ba-9307-c8d3a4a23b84': [Object],
      '26131cb2-e29c-8133-a4f8-d5c8afd25e4e': [Object],
      '26131cb2-e29c-81cc-a79a-da7866338695': [Object],
      '27031cb2-e29c-800c-8832-ef0aa4926443': [Object],
      '26131cb2-e29c-81fb-9d4b-df542b6e3639': [Object],
      '26131cb2-e29c-8198-b588-dd0b0cfef517': [Object],
      '26131cb2-e29c-8168-8c05-f0a90fb2c6f0': [Object],
      '26131cb2-e29c-8164-bffb-ead681a96645': [Object]
    },
    custom_emoji: { '27031cb2-e29c-80fa-b02e-007afb10312b': [Object] },
    team: { '26131cb2-e29c-8155-956a-00429dcce852': [Object] },
    collection_view: {
      '26131cb2-e29c-81e3-9a73-000c16f226b7': [Object],
      '26131cb2-e29c-81ad-8cfd-000cb122aa5e': [Object]
    },
    collection: { '26131cb2-e29c-81e6-be8b-000b2e4e2d1a': [Object] },
    notion_user: {},
    collection_query: {},
    signed_urls: {
      '26131cb2-e29c-8168-8c05-f0a90fb2c6f0': 'https://file.notion.so/f/f/ab631cb2-e29c-815d-ad0d-00039d4d2f55/c8028bee-f4c7-4736-8c36-fffcab5d977e/wp5493885.jpg?table=block&id=26131cb2-e29c-8168-8c05-f0a90fb2c6f0&spaceId=ab631cb2-e29c-815d-ad0d-00039d4d2f55&expirationTimestamp=1759939200000&signature=qaAYlGcmrn-6uSwiXYdgjHCr8nAW0mwRFnTmqWZOHLQ',
      '26131cb2-e29c-8164-bffb-ead681a96645': 'https://file.notion.so/f/f/ab631cb2-e29c-815d-ad0d-00039d4d2f55/7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6/06.jpg?table=block&id=26131cb2-e29c-8164-bffb-ead681a96645&spaceId=ab631cb2-e29c-815d-ad0d-00039d4d2f55&expirationTimestamp=1759939200000&signature=DGrADHToR5jE7q9_MxRf_f1rIsCqCOqqcVRimDTtu7Y'
    },
    preview_images: {
      'images.unsplash.com/photo-1746292184556-04b7eaefe97d': [Object],
      'notion.so/image/notion%3A%2F%2Fcustom_emoji%2Fab631cb2-e29c-815d-ad0d-00039d4d2f55%2F27031cb2-e29c-80fa-b02e-007afb10312b': null,
      'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc8028bee-f4c7-4736-8c36-fffcab5d977e%2Fwp5493885.jpg': [Object],
      'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6%2F06.jpg': [Object]
    },
    tweets: {}
  }
}
2025-10-08T08:56:06.394Z [warning] skipping missing collection view for block 26131cb2-e29c-81ba-9307-c8d3a4a23b84 {
  collectionId: '26131cb2-e29c-81e6-be8b-000b2e4e2d1a',
  collectionViewId: '26131cb2-e29c-81e3-9a73-000c16f226b7',
  collectionView: {
    id: '26131cb2-e29c-81e3-9a73-000c16f226b7',
    version: 19,
    type: 'gallery',
    name: 'Gallery view',
    format: {
      gallery_cover: [Object],
      collection_pointer: [Object],
      gallery_cover_size: 'medium',
      gallery_properties: [Array],
      gallery_cover_aspect: 'cover'
    },
    parent_id: '26131cb2-e29c-81ba-9307-c8d3a4a23b84',
    parent_table: 'block',
    alive: true,
    page_sort: [
      'e3df5b79-eb34-4bec-a82f-628699f43852',
      '7a8e9c32-39af-4bca-a26e-3f8f1c9a1762',
      '7864e0d8-d646-4df5-a4ae-057371b7559d',
      '27f31cb2-e29c-80f9-894c-e6a4801578f0',
      '27631cb2-e29c-8099-9ce0-ccc40cd75766',
      '27031cb2-e29c-80f9-8670-d516b549bf13',
      '27031cb2-e29c-8022-a030-eb9fc61629bd',
      '26131cb2-e29c-817b-9f81-dd5fa0fc70ce',
      '26131cb2-e29c-81c2-8cc4-daf9e0473ad9',
      'c2994f3d-696a-4015-b7d1-2b71883562ad',
      '58fc3d75-92a2-44e9-ab0d-84cb61086232',
      '30ac6075-b07c-41fa-b684-15c16f1134ba',
      '4c804cac-3119-4cc3-a621-a82040d9a0db',
      '6ce6c0ba-0d6f-40b3-b7d4-afe8ca715c73',
      '64158711-b8f3-4c3d-ba2f-3999059c5581',
      '0c679f04-0865-4142-a65b-28668aa9daea',
      '54fa8c94-ead7-4b14-b068-174936adb37f',
      'ab2e2675-7daf-464f-a2c4-563136630232',
      'ef52bf7e-8726-4804-a0d5-e9b5f7919284',
      '460f888e-b262-4f14-a39f-93ae0090bb9d',
      'eff2e07b-ee44-45e0-b46a-622deb611d0b',
      'c94f3f08-d65f-4f7d-a409-72c353f9786d',
      'daac7673-f388-475e-8f43-a345dc350bef',
      '6ff46924-9cc3-4445-badc-28e7daa5fa5a',
      'c114dc9f-b09a-4e30-9c0d-5ace92e6a8e3',
      '51b78f8b-69ff-4a46-9ec6-74f0d5400d3e',
      '06adcb1d-3acf-4266-a8d9-6cb0d3c439ce',
      '26131cb2-e29c-8124-9ac5-fe591bd44620',
      '28431cb2-e29c-80ee-9cd2-e42dc0352ca0',
      '27631cb2-e29c-8023-b190-ee3da7aaf8a7',
      '1db23f4a-8d7e-4445-b241-a8e4be5bd02a',
      '70df362d-5c3a-4d2c-a3da-ef27e1f207e3',
      'dae737f3-5216-4c50-b708-2bf7c2662020',
      'a13c9d7e-5e2f-44c3-bd8c-17fd50ca4892',
      'f3236b1d-73c7-45d5-920e-f7cac8c19573',
      'c181e327-c3bf-42f8-b8aa-21a367ce64f2',
      'f5613c52-6b68-4073-b593-03d26f51e710'
    ],
    query2: { sort: [Array], filter: [Object], aggregations: [Array] },
    space_id: 'ab631cb2-e29c-815d-ad0d-00039d4d2f55',
    created_time: 1759749148300,
    last_edited_time: 1759749148300,
    created_by_table: 'notion_user',
    created_by_id: '284d872b-594c-8123-980e-0002aa2d9eeb'
  },
  collectionData: undefined,
  recordMap: {
    block: {
      '26131cb2-e29c-804d-a014-fcd5cde71acc': [Object],
      '26131cb2-e29c-817c-a394-df35f03a7280': [Object],
      '26131cb2-e29c-8111-a7e8-e8c28a5422d6': [Object],
      '26131cb2-e29c-81ba-9307-c8d3a4a23b84': [Object],
      '26131cb2-e29c-8133-a4f8-d5c8afd25e4e': [Object],
      '26131cb2-e29c-81cc-a79a-da7866338695': [Object],
      '27031cb2-e29c-800c-8832-ef0aa4926443': [Object],
      '26131cb2-e29c-81fb-9d4b-df542b6e3639': [Object],
      '26131cb2-e29c-8198-b588-dd0b0cfef517': [Object],
      '26131cb2-e29c-8168-8c05-f0a90fb2c6f0': [Object],
      '26131cb2-e29c-8164-bffb-ead681a96645': [Object]
    },
    custom_emoji: { '27031cb2-e29c-80fa-b02e-007afb10312b': [Object] },
    team: { '26131cb2-e29c-8155-956a-00429dcce852': [Object] },
    collection_view: {
      '26131cb2-e29c-81e3-9a73-000c16f226b7': [Object],
      '26131cb2-e29c-81ad-8cfd-000cb122aa5e': [Object]
    },
    collection: { '26131cb2-e29c-81e6-be8b-000b2e4e2d1a': [Object] },
    notion_user: {},
    collection_query: {},
    signed_urls: {
      '26131cb2-e29c-8168-8c05-f0a90fb2c6f0': 'https://file.notion.so/f/f/ab631cb2-e29c-815d-ad0d-00039d4d2f55/c8028bee-f4c7-4736-8c36-fffcab5d977e/wp5493885.jpg?table=block&id=26131cb2-e29c-8168-8c05-f0a90fb2c6f0&spaceId=ab631cb2-e29c-815d-ad0d-00039d4d2f55&expirationTimestamp=1759939200000&signature=qaAYlGcmrn-6uSwiXYdgjHCr8nAW0mwRFnTmqWZOHLQ',
      '26131cb2-e29c-8164-bffb-ead681a96645': 'https://file.notion.so/f/f/ab631cb2-e29c-815d-ad0d-00039d4d2f55/7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6/06.jpg?table=block&id=26131cb2-e29c-8164-bffb-ead681a96645&spaceId=ab631cb2-e29c-815d-ad0d-00039d4d2f55&expirationTimestamp=1759939200000&signature=DGrADHToR5jE7q9_MxRf_f1rIsCqCOqqcVRimDTtu7Y'
    },
    preview_images: {
      'images.unsplash.com/photo-1746292184556-04b7eaefe97d': [Object],
      'notion.so/image/notion%3A%2F%2Fcustom_emoji%2Fab631cb2-e29c-815d-ad0d-00039d4d2f55%2F27031cb2-e29c-80fa-b02e-007afb10312b': null,
      'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc8028bee-f4c7-4736-8c36-fffcab5d977e%2Fwp5493885.jpg': [Object],
      'notion.so/image/s3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7e18c5c5-864d-4ff8-96a6-b8cc0cfd61e6%2F06.jpg': [Object]
    },
    tweets: {}
  }
}

[eddiehe99]

I encountered the same error.

[Park-junseo]

Me too :( 😢

[diliprk]

It is likely that the previous API endpoint https://www.notion.so/api/v3/queryCollection?src=initial_load got deprecated and is no longer supported and we likely have to migrate the code calling the underlying raw notion API to the new API endpoints.

References :

• https://developers.notion.com/reference/get-databases
• Also mentioned in this issue: Failed to send https://www.notion.so/api/v3/queryCollection request NotionX/react-notion-x#669

[Lanlanb]

My gallery also can't be displayed

[jack-h-park]

It worked for me by simply adding the following line to the .env file as an environment variable:
NOTION_API_BASE_URL=https://<your-notion-domain-name>.notion.site/api/v3

Also, if it shows an hydration error, add linkTableTitleProperties={false} to NotionRenderer to prevent the title from being wrapped in its own <a> tag.

[wustep]

should be fixed with 68af398!