Function EditLinkLoader

client/src/components/ui/Link/EditLinkLoader/index.tsx:13–32

({ linkId, viewerId }: Props)

}

export default function EditLinkLoader({ linkId, viewerId }: Props) {
  const environment = useRelayEnvironment()
  const emptyQueryRef = {} as PreloadedQuery<EditLinkQueryType>
  const [queryRef, setQueryRef] = useState(emptyQueryRef)

  useEffect(() => {
    const newQueryRef = loadQuery<EditLinkQueryType>(
      environment,
      EditLinkQuery,
      { linkId, viewerId },
    )
    setQueryRef(newQueryRef)
  }, [setQueryRef, viewerId])

  return (
    <Suspense fallback={<div>Loading ...</div>}>
      {queryRef !== emptyQueryRef && <EditLinkContainer queryRef={queryRef} />}
    </Suspense>
  )
}