I am following this tutorial: Build and Deploy an Instagram Clone with React and Firebase – Tutorial Which uses the package.json: { "name": "vite-project", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .",…
I’m trying to fetch city data using the OpenCage API and display the results in a list using React and Chakra UI. However, I'm getting the following error: Error: Element type is invalid: expected a string (for built-in components) or…
I cant seem to figure this out. I am using Next.js, typescript, and chakraUi. When viewing my application through inspect tools, it works exactly as envisioned. When viewing my application through mobile it works as envisioned. But when viewing on…
I'm getting these errors when trying to integrate Chakra UI into my React application using Vite. Uncaught TypeError: sys is undefined ChakraProvider provider.js:15 The above error occurred in the <ChakraProvider> component: ChakraProvider@https://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=b3e29175:2973:36 This is my App.jsx, error only occurs once…
So I use Chakra in my Nextjs 13 project, I have this code: const Home = () => { const color = useColorModeValue("telegram.500", "telegram.400"); return <div>something here</div> } I get this error: Error: (0 , _chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.useColorModeValue) is not a function…
I'm trying to clone some projects interfaces on dribble for study purposes and raise my css skills, i've selected the layout below: As you can see it's a mobile interface but i'm using react dom to build it ( as…
I'm trying to build a react app that exports a DnD 5e character sheet. There are different bonuses based on your selected race/species. I have a dropdown menu to select your race and I want to apply the bonus to…
Currently, I am facing issue in React js Chakra UI Accordion. Issue is all items are remain closed by default for mobile responsive only but keep open for desktop and tablet view. I am not using any different condition for…
I am using Chakra UI (Tooltip and the ellipsis) I have added the Tooltip to show the label on the title completely but I ONLY want to show the Tooltip when ellipsis is activated! For example, in normal situation I…
I'm trying to prevent toast, when component unmount, if user click onSubmit. Trying to do with useState, but it didn't work for me. My goal is to show user toast but if he click onSubmit, he shouldn't have to see…