In my React project, I need to send a POST request to an API, the API will respond with an URL, and I want to use this URL as the src attribute of an image tag. The following is the…
In the following code, when I click on the buttons, the buttonsColumns state updates as expected (as evidence by the the console.log in the function moveButton), and therefore, the buttons should move instantly to the right or left depending on…
I have prepared a simple test project at Github to demonstrate my problem: There is a MUI TextField, a thumbs up or down icon and a text string with word description. The custom App.jsx is shown below: const DICT =…
This is what I am trying to achieve where the last two items would be align at the bottom right side of the flex. This is my cdoe structure: <div class="container"> <div class="list-items"> <div class="item"> Item One </div> <div class="item">…
I'm building an expo-app and I manage state with react-redux, so my <Provider> in is in the top level _layout file. My problem is I'm working with expo notification and I need to get the title, body, and some data…
I am trying to change the button color to yellow using the Material-UI Button component in React, but it is not reflecting the color change on the screen. Here is the code snippet I am using: <Button onClick={goToLogin} variant="contained" color="yellow"…
inside src/utils.ts import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; import { SignJWT, jwtVerify } from "jose"; import { NextRequest, NextResponse } from "next/server"; import { cookies } from "next/headers";` ./src/utils.ts Error: × You're…
I recently learned React and I tried to practice what I learned, I made a container App that would render a div with a form and its children to an HTML file import ReactDOM from "react-dom"; import App from "./App";…
I am re-writing my question after digging further and finding that this issue is only evident on some devices, suggesting its related to viewport size. As you can see in the code, the parent has a set height + width…
I have list of documents to load and in react on click of row item i am showing doc viewer , i have urls from local server that are working fine if i am hitting it from browser like this…