I'm trying to focus an input box that is inside an Antd tab whenever the user clicks this tab (i.e., whenever the input box is visible). I'm using the useImperativeHandle hook to achieve this. parent component const Parent=()=>{ const threadRef=useRef()…
Resizable from the re-resizable package is preventing my Flatlist from scrolling. When the list has enough elements to require scrolling, it doesn't start to scroll. This behavior doesn't happen when the resizable element isn't there. The documentation for Resizable doesn't…
I have built & deployed my ReactJs and NestJs on the same server on different ports. Reactjs is running in port 3000 and Backend API is running in port 3001. In the env file of the ReactJs, I have set…
I want to use the useState to store the value of the combined arrays. I am now getting the one and two array however I cannot concat both array into one. And I want to store them in a useState…
All versions installed of socket.io and socket.io-client are the same in my mern app. Here is my server code: const app = express(); mongoose.connect(MONGOOSE_URL, { useNewUrlParser: true, useUnifiedTopology: true, }).then(() => { console.log(`MongoDB connected successfully`); }).catch((error) => console.log(`${error} did not…
I have this react hook which returns filter based on type props user gave. interface Props { type: 'product' | 'content'; } function useFilterSelector(props: Props) { const { t } = useClientTranslation(); const queryClient = useQueryClient(); const [filterSelector] = useState(()…
I was trying to fetch my data from github using getStaticProps for more performance and it returns this error even when I do a "console.log" it returns me the array but I can't map it so what am I missing…
The call is successful but dosent return anything. Server: export const getTopMovies = async (req, res) => { console.log("Inside Server") res.status = 200 res.data = "movies"; return res; > } Client: import { useEffect } from 'react'; const topMovies =…
function RecipesList() { //use effect to useEffect(() => { const getRecipesList = async () => { const response = await fetch("http://localhost:4000/recipe/allrecipes", { method: "GET", }); const json = await response.json(); if (response.ok) { setData(json); const allCategories = [ "all", ...new…
I have a simple useEffect in my component to fetch data from 3 API calls: useEffect(() => { Promise.all([ fetch(`${baseUrl}/counts?entity=color`), fetch(`${baseUrl}/counts?entity=brand`), fetch(`${baseUrl}/counts?entity=category`) ]).then(([x, y, z])=> { console.log(x.json(), y.json(), z.json()); }); }, []); I'm expecting the actual data I get from…