Is it possible pass query name to GraphQL using props in React? const allEntries = gql` query allProducts{ '${queryName}' { id name
I'm trying to create a filtering search bar to sort through a limited set of data pulled from an API. The code compiled successfully, however despite having an
I'm trying to convert JavaScript template to Typescript. So I have this accordionStyle.ts like below import { primaryColor, grayColor } from "../../material
so I am trying to test that the onSubmit function is getting triggered if the button is clicked - the way im doing this is through testing the internals of the
I am working on a NextJS site that has some custom styling that is being applied via MaterialUI's makeStyles. It works fine on the first load and then undoes al
The popup has a click away listener which closes it when a click event occurs outside the component. I need to test that the popup has closed. it.only('clicking
I need help after the update from React Router Dom to version 6. I have a code snippet for redirects after a user logged in which should work in version 5, but
I am working with react and I have a dropdown menu which is generated like that: Select a user : <select defaultValue={'DEFAULT'} onChange={this.handleFilter
I just spun up a new Next JS app with Next 12. I am getting this error on all page loads in the browser: Warning: ReactDOM.render is no longer supported in Rea
I've created a custom component that is used simply for display purposes: import React from 'react'; import './CardContainer.css'; import sanitizeHtml from 'san
You will find answer in this post I am new with react I used apexcharts which worked really fine but whenI had to use this chart components, i
I have an issue with a project where i need to change an object variable to false and save it to local storage. let animalHtml = // Checking if animal is fed or
I have an React Audio Player that uses a useAudio hook to manage the HTML5 audio. It works fine everywhere except Mobile Safari, where the sound begins a few se
I have my "+" that is a little bellow the center in my button. How can he be right in the center? Here is my code: Code
I am using Flask-WTF to use its CSRF security feature for my API. As the title suggests, the response I get from the API says that the "CSRF session token is mi
I'm trying to POST data with FormData to get a response, on iOS it works as expected, but on android, it always goes to the catch block, I found out the reason
I'm doing a simple sort of an array with react hooks, but its not updating state. Can anyone point out what I'm going here? import React, { useState } from "re
I currently have a simple next.js website where users can look at projects for an organization, and at the bottom of the page, the user can input a new project
I am confused about these three Links, what are the different ways to use them? Nav.Link Link NavLink i Do they have different use cases?
In the following line: it loads the json data using useMemo import MOCK_DATA from './MOCK_DATA.json' const data = useMemo(() => MOCK_DATA, []) As it's menti