fix types for environment and generated types

Author: Roshanjossey

app/Home.tsx

@@ -24,7 +24,7 @@ type HomePageProps = {
 }
 
 const HomePage = ({ preloadedQuery, cookies }: HomePageProps) => {
-  const environment = getCurrentEnvironment(cookies)
+  const environment = getCurrentEnvironment(cookies) as Environment
   const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
 
   return (

app/issues/Issues.tsx

@@ -42,7 +42,7 @@ export default function IssuesContainer({
   preloadedQuery,
   cookies,
 }: IssuesProps) {
-  const environment = getCurrentEnvironment(cookies)
+  const environment = getCurrentEnvironment(cookies) as Environment
   const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
   return (
     <RelayEnvironmentProvider environment={environment as Environment}>

app/story/[id]/Story.tsx

@@ -65,7 +65,7 @@ export default function StoryContainer({
   preloadedQuery,
   cookies,
 }: StoryProps) {
-  const environment = getCurrentEnvironment(cookies)
+  const environment = getCurrentEnvironment(cookies) as Environment
   const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
   return (
     <RelayEnvironmentProvider environment={environment as Environment}>

app/user/[handle]/UserPage.tsx

@@ -37,7 +37,7 @@ type StoryProps = {
 }
 
 export default function UserContainer({ preloadedQuery, cookies }: StoryProps) {
-  const environment = getCurrentEnvironment(cookies)
+  const environment = getCurrentEnvironment(cookies) as Environment
   const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
   return (
     <RelayEnvironmentProvider environment={environment as Environment}>

package.json

@@ -101,8 +101,5 @@
   },
   "resolutions": {
     "webpack": "^5"
-  },
-  "engines": {
-    "node": "17.5.0"
   }
 }

src/components/UserDetails/Badges/Badge.tsx

@@ -1,5 +1,5 @@
 import { graphql, useFragment } from 'react-relay'
-import { Badge_node$key } from '../../../queries/__generated__/Badge_node.graphql'
+import { Badge_node$key } from '__generated__/Badge_node.graphql'
 import { getCompactNumber } from '../../../utils/formatNumber'
 import BadgeIcon, { LanguageName } from './BadgeIcon'
 import Hexagon, { hexagonBackground } from './Hexagon'

src/components/UserDetails/Badges/BadgeList.tsx

@@ -1,6 +1,6 @@
 import { graphql, usePaginationFragment } from 'react-relay'
 import Button from 'src/components/Button'
-import { BadgeList_user$key } from '../../../queries/__generated__/BadgeList_user.graphql'
+import { BadgeList_user$key } from '__generated__/BadgeList_user.graphql'
 import Badge from './Badge'
 
 const BadgeList = ({ user }: { user: BadgeList_user$key }) => {

src/components/UserDetails/UserDetails.tsx

@@ -1,9 +1,9 @@
 import { graphql, useFragment } from 'react-relay'
 import BadgeList from './Badges/BadgeList'
-import type { UserDetails_user$key } from '../../queries/__generated__/UserDetails_user.graphql'
 import Bio from './Bio'
 import { GoIssueOpened } from '@react-icons/all-files/go/GoIssueOpened'
 import { GoGitPullRequest } from '@react-icons/all-files/go/GoGitPullRequest'
+import { UserDetails_user$key } from '__generated__/UserDetails_user.graphql'
 
 type Props = {
   user: UserDetails_user$key

src/components/story/StoryEditor.tsx

@@ -81,7 +81,7 @@ export default function StoryEditor({
   body,
   requestCookie,
 }: EditorProps) {
-  const environment = getCurrentEnvironment(requestCookie ?? '')
+  const environment = getCurrentEnvironment(requestCookie ?? '') as Environment
   return (
     <RelayEnvironmentProvider environment={environment as Environment}>
       <Editor editable={editable} body={body} />

src/relay/useSerializablePreloadedQuery.ts

@@ -2,7 +2,7 @@
 // Relay's PreloadedQuery.
 
 import { useMemo } from 'react'
-import { PreloadedQuery, PreloadFetchPolicy } from 'react-relay'
+import { PreloadedQuery, PreloadFetchPolicy, Environment } from 'react-relay'
 import { ConcreteRequest, IEnvironment, OperationType } from 'relay-runtime'
 import { responseCache } from './environment'
 import { SerializablePreloadedQuery } from './loadSerializableQuery'
@@ -17,7 +17,7 @@ export default function useSerializablePreloadedQuery<
   TRequest extends ConcreteRequest,
   TQuery extends OperationType
 >(
-  environment: IEnvironment,
+  environment: Environment,
   preloadQuery: SerializablePreloadedQuery<TRequest, TQuery>,
   fetchPolicy: PreloadFetchPolicy = 'store-or-network'
 ): PreloadedQuery<TQuery> {