Error on render about react-scheduler

[aldabil21]

Hi @ag288
Yeh this code should work without issues.
Can you trace the error stack and show where is that leading to?

[ag288]

Unfortunately the console does not show any errors when the page is rendered, so I'm clueless as to what is wrong. However, it may be of importance to note that I'm using Chakra UI and not Material UI. Could that have something to do with it? Also, this Calendar component is actually rendered within another component as follows :

import { Flex, Box, Heading, Button, Stack } from "@chakra-ui/react"
import { useNavigate } from "react-router-dom"
import { SidebarWithHeader } from "../../../components/sidebar"
import dashRoutes from "../../../routes"
import { Calendar } from "../../appointment/calendar"
export const DashboardReception = () => {

    return (
        <>
            <SidebarWithHeader routes={dashRoutes} />
            <Flex>
                <Stack width='full'>
                    <Box width="auto">

                        <Calendar />
                    </Box>
                </Stack>
            </Flex>
        </>
    )
}

I dont know if any of this is relevant, but thats all i have. Thanks for the time :)

[aldabil21]

Yeah, this component is based on Material UI and date-fns.

You might wanna look into this toast-ui.react-calendar