Question 261037 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – Having a uncaught error axioserror whenever try to open admin dashboard

ERROR
Request failed with status code 404
AxiosError: Request failed with status code 404
at settle (http://localhost:3000/static/js/bundle.js:167104:12)
at XMLHttpRequest.onloadend (http://localhost:3000/static/js/bundle.js:165790:66)

I am having this error in e commerce mern project WHENEVER I AM trying to open admin dashboard. where is the actual problem im not getting it

"Encountered two children with the same key, 4. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version."

Tags:

2

Answers


  1. 0

    Nice to meet you.
    Let me answer your question.

    In React, when rendering an array of elements or compoments using map() function, each item should have a unique key prop.
    This helps React efficiently update and reorder the list when changes occur.

    To fix this issue, you need to ensure that every child element or component generated by the map() function has a unique key.
    The key could be an identifier from your data, such as an ID or index(but index is not good decision) just like this :

    {
  data.map((item) => (
     <ItemComponent key={item.id}/>
 ))
}

    Make sure the key prop is set to a value that is unique for each item within the loop.

    Of course my solution could be wrong, I will do best for your issues.
    Please give me details about your project such as git repository.
    Thanks for your kind attention.

    Login or Signup to reply.
  2. 0

    Encountered two children with the same key This is a common React issue. Check all of our iterators on that page and look at what you are passing for a key value to the children. Each group of keys MUST be unique.

    You are using the value of 4 as the key for a group more than once.
    Check the that what you are iterating over does not have duplicates. If so find a way to augment your key to be unique.

    A good resource is the React Docs on this.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search