fix: Nullable fields can be undefined in Relay.js 16

lablup · Nov 1, 2023 · 7c32867 · 7c32867
1 parent 9224c4f
commit 7c32867
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/react/src/components/EndpointStatusTag.tsx b/react/src/components/EndpointStatusTag.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 import { useFragment } from 'react-relay';
 
 interface EndpointStatusTagProps {
-  endpointFrgmt: EndpointStatusTagFragment$key | null;
+  endpointFrgmt?: EndpointStatusTagFragment$key | null;
 }
 const EndpointStatusTag: React.FC<EndpointStatusTagProps> = ({
   endpointFrgmt,

diff --git a/react/src/components/ImageMetaIcon.tsx b/react/src/components/ImageMetaIcon.tsx
@@ -2,7 +2,7 @@ import { useBackendaiImageMetaData } from '../hooks';
 import React from 'react';
 
 const ImageMetaIcon: React.FC<{
-  image: string | null;
+  image?: string | null;
   style?: React.CSSProperties;
   border?: boolean;
   alt?: string | null;

diff --git a/react/src/components/ModelServiceSettingModal.tsx b/react/src/components/ModelServiceSettingModal.tsx
@@ -11,7 +11,7 @@ import { useTranslation } from 'react-i18next';
 import { useFragment } from 'react-relay';
 
 interface Props extends BAIModalProps {
-  endpointFrgmt: ModelServiceSettingModal_endpoint$key | null;
+  endpointFrgmt?: ModelServiceSettingModal_endpoint$key | null;
   onRequestClose: (success?: boolean) => void;
 }
 

diff --git a/react/src/components/SessionKernelTag.tsx b/react/src/components/SessionKernelTag.tsx
@@ -2,7 +2,7 @@ import { useBackendaiImageMetaData } from '../hooks';
 import React from 'react';
 
 const SessionKernelTag: React.FC<{
-  image: string | null;
+  image?: string | null;
   style?: React.CSSProperties;
   border?: boolean;
 }> = ({ image, style = {} }, bordered) => {

diff --git a/react/src/helper/index.tsx b/react/src/helper/index.tsx
@@ -212,8 +212,8 @@ export const offset_to_cursor = (offset: number): string => {
   return window.btoa(`arrayconnection:${offset}`);
 };
 
-export function filterNonNullItems<T extends { [key: string]: any }>(
-  arr: ReadonlyArray<T | null> | null | undefined,
+export function filterNonNullItems<T>(
+  arr: ReadonlyArray<T | null | undefined> | null | undefined,
 ): T[] {
   if (arr === null || arr === undefined) {
     return [];

diff --git a/react/src/pages/RoutingListPage.tsx b/react/src/pages/RoutingListPage.tsx
@@ -176,8 +176,8 @@ const RoutingListPage: React.FC<RoutingListPageProps> = () => {
   });
   const openSessionErrorModal = (session: string) => {
     if (endpoint === null) return;
-    const { errors } = endpoint;
-    const firstMatchedSessionError = errors.find(
+    const errors = endpoint?.errors;
+    const firstMatchedSessionError = errors?.find(
       ({ session_id }) => session === session_id,
     );
     setSelectedSessionErrorForModal(firstMatchedSessionError || null);