some relay-hooks fixes in preparation of new version

Author: pvinis

src/lib/Scenes/ViewingRoom/ViewingRoomArtwork.tsx

@@ -14,6 +14,7 @@ import { FlatList, NativeModules, ScrollView, TouchableHighlight, TouchableWitho
 import { graphql, useFragment, useQuery } from "relay-hooks"
 import { ImageCarousel } from "../Artwork/Components/ImageCarousel/ImageCarousel"
 import { tagForStatus } from "./Components/ViewingRoomsListItem"
+import { ViewingRoomArtworkQuery } from "__generated__/ViewingRoomArtworkQuery.graphql"
 
 const Constants = NativeModules.ARCocoaConstantsModule
 const ApiModule = NativeModules.ARTemporaryAPIModule
@@ -237,13 +238,17 @@ export const ViewingRoomArtworkQueryRenderer: React.FC<{ viewing_room_id: string
   viewing_room_id: viewingRoomID,
   artwork_id: artworkID,
 }) => {
-  const { props, error } = useQuery(query, { viewingRoomID, artworkID }, { networkCacheConfig: { force: true } })
+  const { props, error } = useQuery<ViewingRoomArtworkQuery>(
+    query,
+    { viewingRoomID, artworkID },
+    { networkCacheConfig: { force: true } }
+  )
   if (props) {
     return (
       <ViewingRoomArtworkContainer
-        selectedArtwork={props.artwork}
-        artworksList={props.viewingRoom}
-        viewingRoomInfo={props.viewingRoom}
+        selectedArtwork={props.artwork!}
+        artworksList={props.viewingRoom!}
+        viewingRoomInfo={props.viewingRoom!}
       />
     )
   }

src/lib/Scenes/ViewingRoom/ViewingRoomsList.tsx

@@ -1,5 +1,6 @@
 import { Box, Flex, Sans, Separator, space, Spacer } from "@artsy/palette"
 import { ViewingRoomsList_query$key } from "__generated__/ViewingRoomsList_query.graphql"
+import { ViewingRoomsListQuery } from "__generated__/ViewingRoomsListQuery.graphql"
 import { PAGE_SIZE } from "lib/data/constants"
 import { extractNodes } from "lib/utils/extractNodes"
 import { PlaceholderBox, PlaceholderText, ProvidePlaceholderContext } from "lib/utils/placeholders"
@@ -150,7 +151,7 @@ const Placeholder = () => (
 )
 
 export const ViewingRoomsListQueryRenderer: React.FC = () => {
-  const { props, error } = useQuery(query, { count: PAGE_SIZE })
+  const { props, error } = useQuery<ViewingRoomsListQuery>(query, { count: PAGE_SIZE })
 
   if (props) {
     return <ViewingRoomsListContainer query={props} />