From 39fc5dbe7bbf03784a1d57b25e400fe1417cc528 Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Wed, 19 May 2021 17:50:41 +0200
Subject: [PATCH] fix: cyclical structure in JSON object that was caused by
 onReset={refetch}

---
 src/screens/TestScreen/TestScreen.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/screens/TestScreen/TestScreen.tsx b/src/screens/TestScreen/TestScreen.tsx
index aaf0dba..5e99f1a 100644
--- a/src/screens/TestScreen/TestScreen.tsx
+++ b/src/screens/TestScreen/TestScreen.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { polishPlurals } from 'polish-plurals';
 import { NetworkStatus, useQuery } from '@apollo/client';
 import { RouteProp } from '@react-navigation/native';
@@ -39,6 +39,12 @@ const TestScreen = ({ route }: TestScreenProps) => {
     },
     notifyOnNetworkStatusChange: true,
   });
+  const handleReset = useCallback(() => {
+    refetch(undefined);
+  }, [refetch]);
+  const suggestions = useMemo(() => data?.similarQualifications.items ?? [], [
+    data,
+  ]);
 
   return (
     <Container>
@@ -59,12 +65,10 @@ const TestScreen = ({ route }: TestScreenProps) => {
           <Test
             qualification={data.qualification}
             questions={data.generateTest}
-            onReset={refetch}
+            onReset={handleReset}
           />
         ) : (
-          <Suggestions
-            qualifications={data?.similarQualifications.items ?? []}
-          />
+          <Suggestions qualifications={suggestions} />
         )
       ) : (
         <QualificationNotFound />