Reactjs - Why it shows error here? Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions

Abul
January 5, 2024
111 views
0 votes
2 Answers

Unexpected Application Error!
Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object

import { useQuery } from "@tanstack/react-query";

const AllUsers = () => {

const {data: users = [], refetch} = useQuery(['users'], async() => {
    const res = await fetch('http://localhost:5000/users')
    return res.json();
   })


return (
    <div>
        {users.length}
    </div>
);

};

export default AllUsers;

Answers

- Akshan
- January 5, 2024 at 3:10 pm
- 0 votes
0
try to send parameter in an object format. Example:
```
    const {data: users = [], refetch} = useQuery({queryKey:['users'], queryFn: async() => {
        const res = await fetch('http://localhost:5000/users')
        return res.json();
       })
    
    
    return (
        <div>
            {users.length}  
        </div>
    );
```
Login or Signup to reply.

- RezonePrince
- January 5, 2024 at 9:14 pm
- 0 votes
0
// I have this problem; The solution to this problem;
```
const { data: users = [], refetch } = useQuery({
    queryKey: ["users"],
    queryFn: async () => {
      const res = await fetch("http://localhost:5000/users");
      return res.json();
    },   });

  return <div>{users.length} </div>;
```
Login or Signup to reply.