i'm creating a comment box with frontend in react; the main component has another one nested and one child. Here's the main component: import { useEffect } from 'react' import { useSelector, useDispatch } from 'react-redux' import { fetchComments }…
I am getting this error Type MyInterface' is not assignable to type 'string'. I understand it, but can't come up with a good solution. MyInterface only returns one item which is a string. Here is the code running. export interface…
I am making an api call and receiving the response. I would like to parse the response, as it is an array of objects. For example the json looks like this { "totalSize": "56", "sortedKeys": [ { "size": "12", "key":…
I have multiple buttons in which i want only 1 selectable, when i click over one of these buttons, an active class gets added to it, while the other buttons active classes gets removed. I am actually using next js…
I have a problem, that I can't figure out. After fetching data to an array I can display this array, but I can't display just one object in it or map through it useMemo(() => { // setTabIsLoading(true); console.log(tabIsLoading); const…
I have a code where the moment I open a page I am setting a List Array this way: const [myArray, updateArray] = useState([]); useEffect(() => { var myItem= [...array1]; if (state.pageNumber == 1 myItem= [...array2]; else if (state.pageNumber ==…
I am building an whiteboard application and to create the white board I was playing with html canvas element. I was trying to print a word on canvas but I really don't understand why but it is putting it twice…
I am calling API which give me below response status true message "https://www.mywebsite.net/storage/pdf/15092023/1694768425.pdf" and here is my react code to make to download const downloadFile = async (file) => { const res = await customerServices.paymentInvoice( file ); setTotalUrl(res.data); const fileName…
I'm facing an issue with next/router. I made a '404 Page' and set it up to send clients back to the home page router.push('/') after some 3 seconds. However, when clients return to the main page, they get an console…
So I have a component like which contains some data like headerImage = 'image.jpg' description = 'lorem ipsum' ... ,and a builder component that takes these props and builds a page for each brand like this : `function IndividualBrand({headerImage,description ....})…