chore: add unique key in react-query playground

Author: devrnt

playground/modules/wizard/reactQuery/lazyQuery.tsx

@@ -26,10 +26,12 @@ type Props = {
 
 const LazyQueryStep: React.FC<Props> = ({ number }) => {
   const { handleStep, isLoading } = useWizard();
-  const { error, data, mutateAsync } = useMutation('repDataMutation', () =>
-    fetch('https://jsonplaceholder.typicode.com/todos').then((res) =>
-      res.json(),
-    ),
+  const { error, data, mutateAsync } = useMutation(
+    `getTodosLazy${number}`,
+    () =>
+      fetch('https://jsonplaceholder.typicode.com/todos').then((res) =>
+        res.json(),
+      ),
   );
 
   handleStep(() => {

playground/modules/wizard/reactQuery/queryStep.tsx

@@ -23,7 +23,7 @@ type Props = {
 };
 
 const QueryStep: React.FC<Props> = ({ number }) => {
-  const { isLoading, error, data } = useQuery('repoData', () =>
+  const { isLoading, error, data } = useQuery(`getTodoById${number}`, () =>
     fetch(`https://jsonplaceholder.typicode.com/todos/${number}`).then((res) =>
       res.json(),
     ),