I'm creating a framer code component and I want to import a library with the following code: import { registerCoreBlocks } from "@quillforms/react-renderer-utils" import { FormObj } from "@quillforms/renderer-core/build-types/types" I am getting this error: The two libraries have npm packages:…
<form onSubmit={handleSubmit}> <div className="mb-4"> <label htmlFor="title" className="block text-gray-700 font-bold mb-2" > Title </label> <input type="text" id="title" name="title" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* author */} <div className="mb-4"> <label htmlFor="author" className="block text-gray-700…
I was configuring the context in Tailwind for a Next.js 14 website, and I just wanted to provide a global theme configuration for my project. So, I created the ThemeContext and added the 'use client' at the top of the…
I know there is only a slight problem in this code. I've been trying to find it but I keep failing, hence I am posting it here. When I manually add data into the useState variables, signin/ signup buttons are…
I have three components: Parent (HomePage.jsx) export default function HomePage() { const [currentSorting, setCurrentSorting] = useState(); return ( <> <IntroSlider /> <main className="main-content"> <MainContentHeader setSorting={setCurrentSorting} /> <ProductSection currentFuncOfSorting={currentSorting} /> </main> </> ); } Child(ProductSection.jsx) export default function ProductSection({ currentFuncOfSorting })…
I'm struggeling with returning the result of a Promise to the next .then function. I'm sure I'm blind and it is really small issue, but actually I can't see the reason why in the parameter of the next .then function…
I am working to create a blog website. The user will use a text editor to create a new blog ( which I am using is Ckeditor5). What I want is for the user can insert the images anywhere he…
I have an array of dates in "MM/DD/YYYY" format. But passing this array via the hightlightDates prop to react-datepicker is not highlighting the days on the calendar. How can I accomplish this? <DatePicker showIcon selected={startDate} customInput={<CustomInput />} onChange={(date) => setStartDate(date)}…
I want to make a react component initiates the animation whenever I click it. There are some options: if i change the props at middle of the animation, it should re-animate form the start. changing of the props is triggered…
const [Cart, setCart] = useState([]); const [Csize, setSize] = useState(0); useEffect(() => { setSize(Cart.length); console.log("updated size", Csize); // Log the updated size directly }, [Cart]); const handleClick = (item) => { // Check if the item is already present in…