I'm trying to make my first Laravel app with React on the front-end using Breeze. I followed the instructions and installed PHP and Composer. Now trying to set up the Laravel app according to the instructions here and here, I…
I'm getting issue on adding more than 2 adsterra ad banner on Next.js 14 app. When I'm trying to render two Adsterra ad banner's on a same page,the first one is'nt rendering. I also tried with next/script, getting same issue…
I have made a login/register form using react.js/bootstrap and in the register form i have 4 inputs. One for username, one for email, and 2 for password (1 password and 1 for confirmation purposes), i want to show a message…
I have a Next.js client component which shows a data table and has a search bar which can be used to filter the table. The issue is that whenever I type in the search bar, it causes the whole component…
So i am trying to implement a multiselect dropdown in material ui with the following conditions The dropdown will have [0 Apples, 1 Oranges, 2 Grapes] By default 0 Apples should be selected None of the options can be unselected.…
I have a lint-staged which works after pre-commit. Everything works correctly except tsc. I've already tried a lot with the settings with tsconfig but no result.File tsconfig lies in the same directory as project in the picture. Settings lint-stager package.json…
im using react & ts & vite combo, I encounter a problem where when I run npm run dev I get the following error: The requested module '/src/components/ui/index.ts' does not provide an export named 'SquareButton' This is my index.ts file:…
in reactjs, I have a function that scrolls elements when given a useRef: ref.current?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center", }); When this function is called on multiple elements at once, only the one that is called first will actually…
I’m working on a React component where I want to update the state with the value entered in an input field. However, I'm encountering an issue where I’m unable to see what I’m typing in the input field, except for…
"use client"; import React, { useState } from "react"; import { useRouter } from "next/navigation"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import { z } from "zod"; import { api } from "@/trpc/react"; import…