Can anyone point help me to find out why onChange is never being executed? Basically I'm extending ChakraUI's Input component to load a value from localStorage if such value exists. The component is correctly loading the localStorage value, but if…
I am using nextjs13, chakra-ui, and vanilla-extract Does anyone know how to change icon and text inside button on hover, using chakra-ui and vanilla-extract? I have a button like this: <Button > <svg width="16" height="18"> <use xlinkHref={path/to/iconA}></use> </svg> {!isFollowing ?…
I have installed the latest version of ChakraUI (v 2.8.2) using Vite (v5.0.8) Javascript template in VS Code. When I start typing OR type "ChakraProvider" or the name of any other chakra component vs code does not show any intellisense…
const MealBox = ({ mealTime, setShowBox }: { mealTime: string; setShowBox: any }) => { const [meal, setMeal] = useState("Jollof rice") // console.log('meal', meal) return ( <Box border={'1px solid #f0eeeb'} rounded={'lg'} p="10px"> <Flex alignItems={'center'} gap={'25px'} w={'270px'} justifyContent={'space-between'} > <Box w='full'>…
I am working on a form with nextjs13, chakra-ui, react-hook-form. There's a text input field where user put email address. (url is xxx/new) here's form I have: export const NewForm = () => { const { register, handleSubmit, formState: {…
Using React with Chakra UI. Found, that default <form> tag breaks layout. Adding and deleting <form> shows that only it affects layout. Components inside <form> appears like they are in <Flex flexDir='column'> tag. I need components inside <form> in a…
I am creating a table in React that has multiple rows. For each row there will be a React component underneath called AutoShopPricesExpanded that has more details about that row's prices. When I click on a single row I want…
Unhandled Runtime Error Error: (0 , chakra_ui_react__WEBPACK_IMPORTED_MODULE_2_.useDisclosure) is not a function im importing useDisclosure correctly from chakraUI but it says useDisclosure() not a function here is my code code for a sidebar/drawer component using ChakraUI
How can I make the active NavLink look similar to this? Tried following the react router dom docs but it didn't give this desired look. Is it possible to pass the isActive prop from the NavLink component to the Flex…
I installed react-scroll library via 'npm install react-scroll' and after that I also run 'npm fix audit --force' to fix some vulnerabilities. That results in my app not running again. I tried some fixes here still struggling to fix the…