Reactjs – how do I fix that axios sends jpeg instead of jpg to back end?
SO I'm trying to send an image from the react front end to the node.js back end but when I send a .jpg to the back end and I ask there what tpye it is sais it's a jpeg while…
Html – How to style mapped objects in React.JS?
I'm new to React.JS. I need to make an order form with two switch buttons and then style them. I can't style them. I've been told to create the buttons this way {props.options.map((option)=> ( <div>{option.text}</div> ))} <Header /> <Switch options={[…
Javascript – How can I delete a parent app.js item from a child component?
By clicking the delete button I'm expecting to filter a parent app.js component array and delete a particular item. But I'm getting a Typescript error Cannot assign to read only property 'message' of object 'SyntaxError: /src/components/TaskComponent.tsx: Identifier 'deleteTask' has already…
Reactjs – Comparing string to array – React
let category = "design" //This place is changing, like art, design, photo let filtered = data.filter((item) => category === item.category_name)` category contains a string. item.category_name is an array. What I want to do is a filtering event. but an item…
Reactjs – Why does my Next.js (React) component only work when it is in the page?
In my Next.js project, I'm making circles with Tailwind CSS so I can have switches for different statuses. interface Status { status: "online" | "offline" | "idle" | "dnd"; } const StatusCircle = ({ status }: Status) => { return…
Javascript – Simple image url not displayed on React Native
I can't figure out why the image from the following address doesn't display on React Native: Url: https://firebasestorage.googleapis.com/v0/b/desire-app-e9e94.appspot.com/o/profile%2Fguest-user.webp?alt=media&token=fe99fdf9-d36a-4548-b295-cc2fdce79f64 The url is generated through the firebase storage function, if url is entered in the browser it is displayed correctly, but I…
Javascript – caught TypeError: store.getState is not a function
This is the Redux code: import { configureStore, createSlice } from "@reduxjs/toolkit"; let initialState = { name: "", password: "", }; const loginReducer = createSlice({ name: "login", initialState: initialState, reducers: { nameChanger(state, action) { state.name = action.payload; }, passwordChanger(state, action)…
Javascript – Unable to navigate using useNavigate() hook
Here I'm trying to navigate to "/home" route using useNavigate() hook right after the login request is successful. Instead of routing to '/home', its reloading the "/login". Here I'm attaching code App.js export default function App() { const router =…
Css – My styles are not being applied from my sass file
I recently started contributing to this large codebase which uses modules.scss files to style. I followed the same way other components were written and imported my styles file exactly how they imported others but for some reason the styles are…
Javascript – Function Declaration of useIsFirstRender()
I am working on a React coding challenge (problem link) and the solution is here. In the problem, the custom hook returns true for the first render, otherwise returns false. import { useRef } from "react"; export function useIsFirstRender(): boolean…