I was trying to learn nextAuth using some tutorial videos on youtube. And I stumbled on a problem. This is my app/api/auth/[...nextauth].js file import NextAuth from "next-auth"; export default NextAuth({ providers: [ CredentialsProvider({ name: "Credentials", credentials: { username: { label:…
I am trying to create a fully protected React application. Only Login page should be available without login. However it has a completely different layout than rest of the application. I am using simply <Outlet /> for rendering the app…
I have a button in a modal that I would like to auto click once the modal is opened. I am running this on launch of modal, but it is not working for me. const handleClick = () => {…
I'm new in react. What should i do to display a state in dynamic context? In the example, when props.something changes, set displayed text state1 depending on the props.something value. If props.something is NOT 1, put a checkbox named checkbox1…
I have generated "@font-face { font-family: 'RFDewiExpanded-Thin';font-weight: 100; font-style: normal; src: ........}". How can i apply it in React without external files? Haven't any idea how to solve this problem. Dynamic CCS import needs external file as i know.
Problem : I am getting a JSON file i am converting that to an object and looping it in for loop. But in case of single data i am getting the below: Eg 1 : Single Data { "Id": 2140, “EmpId”…
I'm encountering a TypeScript error when using conditional types with React components. The issue arises when trying to render different types of components based on a type prop and providing the corresponding props for each type. type PairingCardProps = {…
I am currently working with React components, and I'm experiencing an issue with shared state in the Area component. The component has a count state, and the problem arises when multiple instances of the component are created. function Area({ title…
I tried to use react-infinite-scroll-component to get an infinite scrolling effect. However, the arr is updating but updating as full length array at the end. And, I want it to update as slicing by 10 (like first 10, then 10,…
I'm trying to authenticate the user via Google authentication services. I'm already using Laravel sanctum successfully in terms of allowing users to login and register in the app. This time, I'd like to add additional way for user to authenticate…