Fix error report for search result item requests

[myl7]

According to

onedrive-vercel-index/utils/fetchWithSWR.ts

Lines 18 to 20 in 152380b

	} catch (err: any) {
	throw { status: err.response.status, message: err.response.data }
	}

When an error occurs from item API, as for the error reporting code

onedrive-vercel-index/components/SearchModal.tsx

Line 116 in 152380b

const { data, error }: SWRResponse<OdDriveItem, string> = useSWR(`/api/item/?id=${result.id}`, fetcher)

here error is not a string but { status: number; message: any }

Since the error object is passed into the sub component like

onedrive-vercel-index/components/SearchModal.tsx

Line 121 in 152380b

return <SearchResultItemTemplate driveItem={result} driveItemPath={''} itemDescription={error} disabled={true} />

And the itemDescription prop is directly used in {} like

onedrive-vercel-index/components/SearchModal.tsx

Lines 106 to 108 in 152380b

	>
	{itemDescription}
	</div>

which is disallowed for an object other than a string, a React children-related error will be raised if the item API returns an error, which is fixed in the PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
onedrive-vercel-index	✅ Ready (Inspect)	Visit Preview	May 17, 2022 at 8:23PM (UTC)