for several days I have problem uploading an image with Laravel api. I was sending request via React's modified axios. Code is as follows. axios-client.js import axios from "axios"; const axiosClient = axios.create({ baseURL : `${import.meta.env.VITE_API_BASE_URL}/api` }); axiosClient.interceptors.request.use((config) => {…
I need help with Multi-line Truncated Text. I can't cut the final word with "..." in text block with randon string number So this is my solution which cut the end of my block, but without "..." <ul className="note__tags"> {tags.map((item)…
I'm having an issue getting a React fragment to display properly. I have some text with an embedded link element, but it displays the link element as [object Object] like this: You must first verify your email address before logging…
I have two arrays of objects. The first array has the column names, the second has the table data. I want to display the data respectively. One of the objects contains 3 key-values, they display in the first three TableRows…
I wrote the below code to capture the id for the div, when the user hovers over the div. <div className="part-3" id="graph-1" onMouseEnter={handleHover}> <h3 className="chartHeader">Avg. marks per subject </h3> {<MarksDisplayTable/>} </div> My handleHover function looks as below - const handleHover…
Would appreciate if someone could help me understand the problem. I have a simple webpage with MUI components, and I would like to add a sticky footer at the very bottom. However, the footer ends up in the middle of…
I'm trying to make an ErrorBoundary using a class component like this class ErrorBoundary extends Component<ErrorBoundaryProps,ErrorBoundaryState> But every time I format it with prettier, the part <ErrorBoundaryProps,ErrorBoundaryState> disappears, I'm not sure if it's prettier or eslint. Here's my .eslintrc.json {…
When I type npm start this msg I get npm start [email protected] start react-scripts start node:internal/modules/cjs/loader:1145 throw err; ^ Error: Cannot find module 'E:ownwebsitemironode_modulesreact-scriptsbinreact-scripts.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1142:15) at Module._load (node:internal/modules/cjs/loader:983:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:142:12) at node:internal/main/run_main_module:28:49 { code: 'MODULE_NOT_FOUND',…
I have setup a front end using react that takes some data and will, with graphql, create objects in a aws dynamo database using amplify. I now have had to include stripe payments into the application. Once a user enters…
I'm facing issue in updating the setStartTime inside setInterval function. I want to update the startTime every minute. To update that, I've created a useRef and storing the value in timeRef.current. Every minute, startTime is getting updated. const [startTimeOffsetMins, setStartTimeOffsetMins]…