I am writing a website in ReactJS and I am using Mantine for styling. When I try to use react router as seen below, the mantine components no longer work. import { StrictMode } from 'react'; import { createRoot }…
When I press submit on my form, the data is successfully ported over to a json file however the inputs typed into each field remains visible (it does not go away like normal forms). How can I make the inputs…
I'm trying to use Mantine's DatePickerInput in my react app but there seems to be an issue with how the component is rendered. Expected behaviour Current Behaviour Library versions: "react": "^18.2.0", "@mantine/core": "^7.1.7", "@mantine/dates": "^7.1.7", Implementation: <DatePickerInput name={name} placeholder={placeholder} ref={ref}…
So I am trying to fetch an API using NextJS and I am using SWR. My code is as follows: import useSWR from "swr"; const fetcher = (url: string) => fetch(url).then((res) => res.json()); export default function Home(){ const { data,…
So I am adding Mantine DatePicker in my webapp. I want to customise the default style when user selects the date. Current style: What I am looking for: Going through the documentation of Mantine DatePicker here, I learnt about getDayProps…
Strangely, I have <Avatar> that works with single object parse using .map <Flex> <div></div> {studentsjson.map((thr) => ( <Avatar color="red" key={thr.id} component={Link} to="/complete"> {thr.Name} </Avatar> ))} </Flex> However, below does not work { teacher.map((thr) => thr.students.map((stu) => { <Avatar color="red" key={stu.id}…