Here props.data!.lineChartData![0].color! can be optional, so what to modify in code such that if it is defined then it should render stroke color from props.data!.lineChartData![0].color! else from sam.line stroke where sam=useSample(), Please check the photo for code tried before. use…
I am new to Typescript and trying to mimic styled-components at a much lower scale. In my case, I want to make children required if user passed true in createStyledComponent for children parameter, otherwise make the children optional. I kinda…
i have unexpected behaviour. "user" variable that i declared at the top of App compenent is null by default. At the first start or refresh of path=/, useEffect of App compenent gets executed before child compenent which is Login, What…
I have a 2 column grid, and I am trying to make the 2nd column sticky. For some reason, it isn't sticking. I googled the issue, and even used GPT4 and still couldn't find the cause for the problem... This…
i am using reactjs, i have this svg,and i am looking fo a method to change the width of the colors according to some values from db. This is the svg, you can copy it and past it in the…
I want to navigate to another page using TouchableOpacity but failed Navigating to other pages with Tab.Navigator works correctly. I created after that TouchableOpacity. Which is located in the middle of the other buttons and it should navigate to scanner…
In the react application I developed, I generally use the ubuntu font. I just want to use nunito font for login and register page. As an example, I showed my login page. I want to change all kinds of text…
How can i take an images into React-component? My image is in srs/images. I try to take it by: useEffect(() => { const fetchData = async () => { try { const response = await axios.get("http://127.0.0.1:5000/api/user", { headers: { Authorization:…
I have an array of objects const workSchedule = [ { name: 'a', age: 21, workDays: { monday: {isavailable:true}, tuesday:{isavailable:false}, wednesday:{isavailable:true}, thursday:{isavailable:true}, Friday:{isavailable:false} } }, { name: 'b', age: 22, workDays: { monday: {isavailable:false}, tuesday:{isavailable:false}, wednesday:{isavailable:true}, thursday:{isavailable:false}, Friday:{isavailable:false} } }…
I catch the input values, and add them to the date object. The problem is that the mail field is included in an internal object (data{data{mail:""}}). Below is my code, I don't understand how to add a value to an…