I'm trying to implement Search using react-notion-x as shown in the Next.js example.
I've copied most of the code over and get no errors, when I try to open the Search Modal, I get the following warning:
Warning: using empty component "Modal" (you should override this in NotionRenderer.components)
Below is the code for my NotionPage.tsx, I'm importing Modal using dynamic() and adding it to the components of the NotionRenderer. I get the same warning if I directly import the Modal without using dynamic(). When I click on the Search component, it executes the search function with an empty string and returns some results but the Modal never shows up!
Does anyone know why that is and how I can fix it?
Is there a way to style and format the component with my own HTML, I'd like to use a Chakra Ui component for it?
Hello there,
I'm trying to implement Search using react-notion-x as shown in the Next.js example. I've copied most of the code over and get no errors, when I try to open the Search Modal, I get the following warning:
Warning: using empty component "Modal" (you should override this in NotionRenderer.components)
Below is the code for my
NotionPage.tsx
, I'm importing Modal using dynamic() and adding it to the components of the NotionRenderer. I get the same warning if I directly import the Modal without using dynamic(). When I click on the Search component, it executes the search function with an empty string and returns some results but the Modal never shows up!Does anyone know why that is and how I can fix it?
Is there a way to style and format the component with my own HTML, I'd like to use a Chakra Ui component for it?
Thank you very much!
Notion Test Page ID
rootNotionPageId = 'a1c4c4eb2a8842e9a53a8d642b5da034'
NotionPage.tsx