I have a function which creates a new file in the back-end but the <PlaySound /> component keeps playing the old sound file and not the updated one. The sound file has the same name/path it just has different content.…
am trying to create a slider with nexjs and type script , but am getting below error when am destructing an array of object Server Error TypeError: Cannot destructure property 'image' of 'sliderItem[index]' as it is undefined. This error happened…
I am trying to create 4 variables (ref) Here is my way to do it; const ref1 = useRef() const ref2 = useRef() const ref3 = useRef() const ref4 = useRef() However, in some other components, the number of ref…
Client side Firebase seems to believe i have an authenticated user when I refresh the page, but the firestore firebase rules imply i don't have an authenticated user. I have a firebase application where the user logs in using email…
I have some fields that I render : const elements = [ { data: [ { name: 'item1', title: 'Item 1', data: data.item1, }, { name: 'item2', title: 'Item 2', data: data.item2, }, { name: 'item3', title: 'Item 3', data:…
Im using react with typescript. I am a little confused as to how can i pass 'global' parent state to list of its childrens? For example there is 'Parent' and list of 'Child' components, i want to change parent state…
I have an app that has two tabs "Apple" and "Banana". Each tab has a counter that is implemented with useState. const Tab = ({ name, children = [] }) => { const id = uuid(); const [ count, setCount…
I have the following props interface in my component: export interface ComponentProps { title: string; value: number; } However, I need to veryfy that this value is a number in range from 0 to 24. The only way I could…
I'm trying to understand how to handle modals opening/closing with server components. Previously, with client components, I would just lift the state up to my Layout: export default function Layout({ children }) { const [showPopup, setShowPopup] = useState(true) return (…
I trying to set up i18next inside a monorepo using NX and Module Federation and I'm getting 404, I'm using i18next-http-backend to load the translations async. I've tried to put public/locales/en/translation.json inside the host app, inside the root of the…