so i made a snackbar. In my case, I use the snackbar for notification that successfully added data, instead of the snackbar appearing, I get 3 kind of error Warning: Failed prop type: Invalid prop 'children' supplied to 'ForwardRef(Alert)', expected…
I'm learning React.js and I'm creating a demo. I have created a Login page. Now I want to develop the functionality that if I'm using admin's credentials then I should change the current page layout to listing of employees. And…
I have a custom hook (useFetch), which I'm using inside a page to pass data into a <Products/> component. export default function App() { const { products, totalProducts, currentPage, handleNextPage } = useFetch(); .... <div>{products && <Products products={products}/> }</div> The…
I'm having trouble using Redux in my React application. Some weird loop behavior occurs when dispatching a specific thunk action from within a useEffect inside a given component, even with an empty dependency array. I've dispatch this action elsewhere in…
I have an app on iOS and can't get the device token from the notifications. I'm running on device I don't see any relevant message in the logs I see the prompt to ask for notifications Here is the relevant…
BIG EDIT SINCE I DID SOME MORE RESEARCH I'm trying to deploy my first Nodejs/React App on a Cloud-Server using Plesk. That's what I tried first: I created an .httaccess file with the following contents. Options -MultiViews RewriteEngine On RewriteCond…
Below is the error I'm facing. Can anyone help in resolving it? I want to run it without any errors. Starting project at /home/user/Desktop/react-native/aroa (node:31645) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead. (Use `node…
Facing while experimenting with device orientation Here is the code, I am using import React, { useState, useEffect } from 'react'; export default function App() { const [isLandscape, setIsLandscape] = useState(window.innerWidth > window.innerHeight); useEffect(() => { function handleResize() { setIsLandscape(window.innerWidth…
I am looking for a solution to call different functions as per orientation if (window.innerHeight > window.innerWidth) { alert("You are in portrait mode"); <Portrait /> } if (window.innerHeight < window.innerWidth) { alert("You are in landscape mode"); <Landscape /> } Written…
Let's consider this to be the component: const Alert = () => { useEffect(() => { alert("hello"); }, []); return <div>Alert</div>; }; My understanding is that useEffect runs after the browser has painted. But in this code, why does the…