this is my reminder-list.tsx, how many time i tricked it, i always fail to do that, how to fix it i always got the TypeError: undefined is not an object (evaluating ‘reminder.map’) error import { ReminderDetails } from "@/types/types"; import React from "react"; interface ReminderListProps { reminder: ReminderDetails[]; } const ComponentReminderList: React.FC<ReminderListProps> = ({ reminder… Read More TypeError: undefined is not an object (evaluating 'reminder.map')

I have a question for a React file (I’ve just started). Do I have to put text in App.tsx for example: <h1>Hello World!</h1>, or do I have to create a separate file like Text.tsx and import it into App.tsx? Thanks for your help! I’ve looked everywhere on the Internet, but I haven’t found a site… Read More Do I need to put a text in App.tsx or do I have to create a separate file?

Maybe I’m missing something, but how should I properly double map in this case? Bcs I have error on secon map : Property ‘map’ does not exist on type ‘{ departure: { code: string; name: string; dateTime: string; }; destination: { code: string; name: string; dateTime: string; }; duration: string; } const [result, setResult] =… Read More Double map in React+Typescript

I have this problem to add form element in tsx file. import { AuthLayout } from "../layout/AuthLayout" export const LoginPage = () => { return ( <AuthLayout title=’Login’> <form> bla bla bla </form> </AuthLayout> ) } enter image description here >Solution : The error message is telling you that the AuthLayout component is expecting a… Read More Type 'Element' is not assignable to type 'string' in .tsx file

I am relatively new to typescript and trying to diagnose an error. I’m making sidebar navigation and trying to pull an icon from my navigation array. Array: const menuItems = [ { id: 1, label: "Dashboard", icon: <ComputerDesktopIcon />, link: "/" }, { id: 2, label: "Page 2", icon: <AcademicCapIcon />, link: "" }, {… Read More JSX element type 'Icon' does not have any construct or call signatures

I have a React front end, which renders an array of rows based on objects from an API. I am mapping the object array, which works as intended. If the condition is met, an icon button is displayed. If the condition of the child elements below (sector.properties.length === 0) is true multiple times, multiple buttons… Read More React JS mapped array – render a single item

This is the data I am working with below. const data = [ { name: "Frank Blanchard", gender: "male", friends: [ { name: "Corina Irwin", gender: "female", sub_friends: [ { name: "Alyssa Shelton", eyeColor: "brown", gender: "female", }, { name: "Patrice Morton", eyeColor: "blue", gender: "female", }, { name: "Hazel Berry", eyeColor: "blue", gender: "female",… Read More How can I filter this data and return an array matching the condition in JavaScript?

So currently I have an issue where I have a Channel Tab where it displays the channel icon and name. Now the problem is, every time I change channels the icon stays the same as the first channel I clicked. PREVIEW This is my current code: https://sourceb.in/IsTYrBRjMv How do I make it change every time… Read More NextJS Image url not changing in different endpoints