What Is wrong With My code cause form state always back to initial value or it always create new instance of "forms" class interface loginComponentProps {} const LoginComponent: FC<loginComponentProps> = () => { const [loggedIn, setloggedIn] = useState(false); const [form,…
I heard that it is not a good practice to call an api inside useEffect, also thats why in dev mode useEffect runs twice.I am not sure about it, but if not useEffect, then what else? Need fellow devs suggestions…
I tried to import a file into a code but the foulder could not be found. However when i try to type the name of the folder out it already suggests me the folder and recognizes it as such. I…
I want to install both tailwind + react with one command. Creating empty template files (copy pasting an empty tailwind installed project) makes my file system weird. I searched for it and actually find nothing helpful. There is a create-vite-tailwind…
I have a layout where children is used to get all components, i want to send state as prop to the navbar so that navbar is dynamically changed.. if i dont use {children} and call directly it works. But i…
enter image description here export default function Home() { return ( <> <h1 className="text-2xl text-green-500">Netflix Clone</h1> </> ); This is my tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./app/**/*.{js,ts,jsx,tsx}"], content: ["./pages/**/*.{js,ts,jsx,tsx}"], content: ["./components/**/*.{js,ts,jsx,tsx}"], theme: { extend: {}, },…
I am a junior Frontend Developer. I need help for this issue. I am trying to use JSXGraph with React+Vite. When I put the example codes on my React component, the height of SVG goes infinitive. Here is the code…
I have an object like this: export const dataEstrenos = [ { id: 1, product: "any product", title: "any title" }, { id: 2, product: "any product", title: "any title" }, { id: 3, product: "any product", title: "any title"…
I encountered an issue while using Redux in my React component. Initially, I was trying to dispatch an action and then immediately dispatch another one afterwards. Here's the original code snippet: const onClickBtn = () => { dispatch( addProductStockAndPrices({ productId:…
I have this component where i don't want to all api unless Catalogue id exists const GeneralInfoForm = ({ currentStep, setCurrentStep }: GeneralInfoFormValues) => { const user = getCurrentUser(); const dispatch= useAppDispatch() // Mutation hook for adding catalogue info const…