[question]notion-blocks-chakra…32&v=0134fa96:32295 Uncaught TypeError: (0 , import_react_dom3.render) is not a function

[liaodalin19903]

When I use notion-blocks-chakra-ui to display blocks of a page:

import { Stack } from '@chakra-ui/react'
import { NotionBlock } from 'notion-blocks-chakra-ui'
import React from 'react'

export default function App() {

  const blocks = [{"object":"block","id":"17ddeaa8-cb4b-803e-9807-e9197656cee6","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-01-16T10:35:00.000Z","last_edited_time":"2025-02-07T07:06:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"paragraph","paragraph":{"rich_text":[{"type":"text","text":{"content":"11","link":null},"annotations":{"bold":false,"italic":false,"strikethrough":false,"underline":false,"code":false,"color":"default"},"plain_text":"11","href":null}],"color":"default"}},{"object":"block","id":"193deaa8-cb4b-807c-907d-c36955a9904f","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-02-07T07:06:00.000Z","last_edited_time":"2025-02-07T08:54:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"paragraph","paragraph":{"rich_text":[{"type":"text","text":{"content":"22","link":null},"annotations":{"bold":false,"italic":false,"strikethrough":false,"underline":false,"code":false,"color":"default"},"plain_text":"22","href":null}],"color":"default"}},{"object":"block","id":"193deaa8-cb4b-8019-9543-f2a38aa45c23","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-02-07T08:54:00.000Z","last_edited_time":"2025-02-07T08:54:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"paragraph","paragraph":{"rich_text":[],"color":"default"}},{"object":"block","id":"193deaa8-cb4b-80ee-833b-c63b0abe9395","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-02-07T08:54:00.000Z","last_edited_time":"2025-02-07T08:55:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"code","code":{"caption":[],"rich_text":[{"type":"text","text":{"content":"{\n  aaa: 111,\n  bbb: 222,\n}","link":null},"annotations":{"bold":false,"italic":false,"strikethrough":false,"underline":false,"code":false,"color":"default"},"plain_text":"{\n  aaa: 111,\n  bbb: 222,\n}","href":null}],"language":"json"}},{"object":"block","id":"193deaa8-cb4b-8040-8014-ccf112c8b971","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-02-07T08:55:00.000Z","last_edited_time":"2025-02-07T08:55:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"paragraph","paragraph":{"rich_text":[],"color":"default"}},{"object":"block","id":"193deaa8-cb4b-80d2-91d6-d950d3d73dc2","parent":{"type":"page_id","page_id":"17ddeaa8-cb4b-8092-9a2c-c1617a013cdd"},"created_time":"2025-02-07T08:55:00.000Z","last_edited_time":"2025-02-07T08:55:00.000Z","created_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"last_edited_by":{"object":"user","id":"ccbde935-1e61-4dbd-acb7-6d3fd5740558"},"has_children":false,"archived":false,"in_trash":false,"type":"paragraph","paragraph":{"rich_text":[],"color":"default"}}]

  return (
    <Stack>
        {blocks.map((block) => (
          <NotionBlock key={block.id} block={block} /> 
        ))
        }
    </Stack>
  )
}

I get error:

notion-blocks-chakra…32&v=0134fa96:32295 Uncaught TypeError: (0 , import_react_dom3.render) is not a function
    at new Toaster2 (notion-blocks-chakra…v=0134fa96:32295:34)
    at notion-blocks-chakra…v=0134fa96:32300:13
Toaster2	@	notion-blocks-chakra…32&v=0134fa96:32295
	@	notion-blocks-chakra…32&v=0134fa96:32300

Please help with this,
the detail project demo