Category "reactjs"

React-Query Prefetch query doesnt return value?

const getQueryService = () => { return { login: async (id): Promise<AuthLoginGoogleResponse> => { try { const result = await aut

Cookie “_ga” will be soon rejected because it has the “SameSite” attribute set to “None”

I have added Google Tag manager to my react project, with the help of react-gtm-module After successfully adding it, I see some warning in consoles which are be

"Uncaught TypeError: inventories.map is not a function".?

After deleting an item from the database and updating the UI with hook, I am getting this error saying "Uncaught TypeError: inventories.map is not a function".

Can’t write scripts in react

So, I’m making a website with react&remi.js , and everything is set up and ready to go just one thing, I can’t use javascript functions and stuf

React-router-v6 access a url parameter

How can i access url parameter in my react component ? App.js <Route path="/question/:id" element={<QuestionView />} /> QuestionView.js class Quest

React App adding Pure CSS to Tailwind CSS

I need to do this in tailwind CSS for my react application. How can I do that? HTML <h1>Show / Hide Animation with pure CSS</h1> <label class="t

filter operator explained step by step

function deleteTask(id) { const remainingTasks = tasks.filter((task) => id !== task.id); setTasks(remainingTasks); } Ijust want to know in plain english, as

Tailwind-CSS doesn't apply flex/block after applying .hidden to the element

I want my div to be hidden on small screens and visible on bigger screens starting from md: But seems like .hidden has a higher priority. Or it just messing up

How to make path for pages in NextJS case insensitive

I have a file under the pages folder named about.tsx. So the path for the page is /about and I'm able to access the page by visiting example.com/about. However,

Markdown is not being displayed correctly due to CSSReset - Chakra-ui

I'm making a NextJs Blog, and I have to render my markdown in a dynamic page. CSSReset is being used in my app, and as a consequence, markdown is not being disp

Can we export a react bootstrap data table to Excel instead of CSV?

I have a requirement to export data into Excel instead of CSV. Is there any possible way we can achieve this feature using the react-bootstrap-table?

What is the simplest way to pass state while using React Router?

What is the simplest way to pass state while using React Router? My Navi component below is reflecting user being null, as opposed to user being "KungLoad". Tha

Facing BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default error

Hey Everyone i am facing error on my react app please help me. I am a beginner so i don't know much about react your help is appreciated Console image Total 32

Function that tests if React PWA is online never returns false

I'm using ReactJS to create a progressive web app. My app needs to determine if it is able to connect to my server so that it can know how to handle submitted d

How can I configure React router correctly to navigate to a new page?

I have a navbar containing 3 Anchors, I want to navigate between different pages when clicking on each one. I've used react-router (version 6.3.0) to achieve th

NextJs - External synchronous scripts are forbidden

I am using nextJs version 11.x When trying to include an external script like below, getting an error when executing the yarn build. <Head> <link rel="

VSCode does not auto-import from "react" in Next.js projects

* This is not a duplicate of this question; the accepted answer there is made for TypeScript and doesn't seem to work for JavaScript. I am working on a Next.js

TypeError: Cannot read properties of undefined (reading 'includes')

TypeError: Cannot read properties of undefined (reading 'includes'). I got this mistake, but I can't get through and solve the problem. Error shows this line

How to enable npm-check?

I am having a problem with the npm-check package that I installed. I already installed it globally, and when I try to run npm-check it says: npm-check.ps1 cann

Select in form - Problem mapping through options, cannot read properties of undefined (reading 'map')

I am creating a SELECT inside a form in which I need to map through an object (I know mapping through an object instead of an array might be a problem). I am us