rtk query without useEffect

Question

Using RTK queries, do we have to use effects to run the query on the mount?

React Query has no effect running the query while mounted, so wondering if there is similar behavior?

const Component = ({ id }) => {
  const [postCheckApplication, { data }] = usePostCheckApplicationMutation();

  useEffect(() => {
    postCheckApplication({ application_id: id });
  }, [id]);

  console.log(data);

Answer 1

RTK queries do not require useEffect to run the query on the mount.

RTK queries automatically handle query execution and caching. By simply calling the generated endpoint function, you will be able to send requests and receive responses.

Based on the above code you can optimize your code like this.

const Component = ({ id }) => {
  const { data } = usePostCheckApplicationMutation({ application_id: id });

  console.log(data);

  return <div>Component content</div>;
};