Here is the code before the render const HappyComponent = (props) => { console.log(JSON.stringify(props)); // the props are ok const [HHDays, setHHDays] = useState(null); useEffect(() => { const hours = props.infos.happy ? { allWeek: { from: props.infos.ending, to: props.infos.strating, showPickerFrom:…
I am developing a message in which devices can communicate over hotspot wifi. I have 2 Devices A and B. Device A makes a hotspot and runs the server then Device B joins Hotspot and sends message to Device A…
I'm trying to create an auto scroll flatlist carousel that can also allow the user to scroll manually. The problem is that I get this error flatListRef.scrollToIndex is not a function. I tried searching how other people create an auto…
I am using a FlatList to render an array on the screen. It works fine exception for one use case. The issue I am having is that when I have less than 4 items in a row then it renders…
I am trying to recreate a chat app clone with firebase version 9 from firebase version 7. I am trying to load the chat messages for the two users when the user navigates to the specific chat. I have tried…
Whenever I write a useEffect() inside a component function of my block plugin, the edit page goes blank and the console logs the message: react_devtools_backend.js:4026 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified…
I am trying to create product detail page, i want to know if we can create it with just useReducer hook or we need Redux for this..... This is my product page import React from "react"; import { Link }…
I am trying to display data from a firestore database by pushing it to an array and mapping it. My goal is to have it display on the first page load, however, it only displays after I make changes to…
Apologies if you feel like this is a repeated question, but I couldn't find the solution for my problem in any of similar questions and couldn't understand why this problem was occurring. I have a component called Selector.tsx which basically…
I tried many times but couldn't upgrade my code to make push.history work properly. here is my old code with react-router-dom v5: This code perfectly works in the previous version but as I upgraded to v6 I don't know what…