I'm trying to understand memo and useCallback and I've made this minimal example: import { memo, useCallback, useState } from "react"; import { Button, Text, TouchableOpacity, SafeAreaView } from "react-native"; const Item = memo(({ isSelected, index, onClicked }) => {…
I am working on a form that has a freeform text input field, but if the user checks a box, it will disable the editing the input field and insert a pre-populated text. But if the user unchecks the box,…
I have a RN app that has a home screen with different chats. When the user taps on a chat, it's messages are loaded from the local db and displayed. Like Whatsapp does, I want to preload messages and scroll…
Im currently following a react course and got stuck with this question, in this code snippet im trying to fetch repositories using github API and while data is in process I used a state isLoading which has an initial value…
I am quite new to typescript and I am not sure if this is achievable or not. Basically, I have some fetched data with known types (some queries to database) and I want to store them in a predefined variable…
I need to have a route that can receive many different path segments dynamically like "https://website/folder1/folder2/folder3" and so on. Each time a user can create a new folder inside another folder and can be navigated to the same component. Basically…
When we try to use a ThemeProvider(as shown below) in NextJS, we need to declare this Provider as a client component. But in NextJS docs it is said that if we declare a component as a client component all other…
I have a button component which when clicked should render a modal to the screen, but for some reason it seems not to work, here’s my implementation import React, { useCallback } from 'react'; import { OverflowMenuItem } from '@carbon/react';…
I am trying to pass a function UpdateHero into a component, then from that component pass it into another component. When the function reaches the last component it is for some reason no longer a function and this error appears:…
import { useState, useEffect } from "react"; import { useJwt } from "react-jwt"; import { useDispatch, useSelector } from "react-redux"; import {useNavigate} from "react-router-dom" import { setUserData, clearUserData } from "./features/auth/authSlice"; import { getAccount } from "./features/user/dataSlice"; import Header from…