I imported a component from another file. I want to change the state of showModal to true with one click. I wrote a console log in the function to see if the function is running. However, nothing happens in the…
I can't seem to get the height of the 1st parent with the bg-neutralSilver div to extend all the way down to the bottom when a y-scrollbar is present. I tried almost all the height settings and also tried adding…
I was using react-chatbot-kit in which I am facing an error on click of button (got it). It was done with help of action provider, which technically is using redux to transfer the function to perform the action. But when…
As part of a project, a web application was passed to me. This web application has front and back end. The front end was developed with React JS. Here's how the front end folder looks like. And the the back…
In my react app I'm trying to render custom error component for unmatched routes but default error page is shown. This is how my browserRouter looks. const router = createBrowserRouter([ { path: "/feed", element: <App />, errorElement: <ErrorPage />, children:…
I want to create a packages like react-bootstrap. <Card> <Card.Title>Hello</Card.Title> </Card> I wish to create like below. But I couldn't able to do. <MyCustomComponent> <MyCustomComponent.Header> Header goes here </MyCustomComponent.Header> </MyCustomComponent> interface Props { children?: React.ReactNode | React.ReactNode[] } export const…
I am making a web app where i want to show online/offline status of user. For that i need to listen to close and open events of websocket. const ws = new WebSocket('ws_url', 'token'); ws.onclose = (e) => { const…
I'm using useState and axios to perform API call and GET response and passing it to Component to render it. const [state,setState] = useState([]); const getCurrData = () => { axios.get('working api endpoint url').then(res => setState(res.data)) } Now using that…
When trying to add product to user favorites I am getting this error. Although the state of redux is getting updated properly. I have used Redux Thunk for Authentication, but I was trying to avoid adding to many extra reducers…
Here I have created a toggle button re-rendering in parent components and in child components a plus button, and the counter requirement is that the toggle button re-rendering is a toggle button that will hide and show the components, but…