diff --git a/src/components/atoms/BlobUploaderV2.tsx b/src/components/atoms/BlobUploaderV2.tsx
index a8c9ce0e..1e925f62 100644
--- a/src/components/atoms/BlobUploaderV2.tsx
+++ b/src/components/atoms/BlobUploaderV2.tsx
@@ -5,7 +5,7 @@ import clsx from 'clsx';
import React, { ReactElement, useCallback, useEffect, useMemo, useState } from 'react';
import { useFormContext } from 'react-hook-form';
import { API } from 'requests/api';
-import { LIMIT_FILE_UPLOAD } from 'types/constants';
+import { BASE_URL, LIMIT_FILE_UPLOAD } from 'types/constants';
import { useTrans } from 'utils/i18next';
import { UploadProvider, isImage } from 'utils/media';
import { truncateMiddle } from 'utils/text';
@@ -108,7 +108,12 @@ export const BlobUploaderV2 = ({ name = '', selectedMedia }: Props) => {
const FileProvider = ({ children }: { children: ReactElement }) => {
if (fileName)
return (
-
+
{children}
);
diff --git a/src/components/atoms/BlobViewerV2.tsx b/src/components/atoms/BlobViewerV2.tsx
index 16c48f22..cb67037b 100644
--- a/src/components/atoms/BlobViewerV2.tsx
+++ b/src/components/atoms/BlobViewerV2.tsx
@@ -1,6 +1,7 @@
import { Media } from '@prisma/client';
import { File, Image as ImageIcon } from '@styled-icons/feather';
import clsx from 'clsx';
+import { BASE_URL } from 'types/constants';
import { isImage } from 'utils/media';
import { truncateMiddle } from 'utils/text';
@@ -10,6 +11,8 @@ export const BlobViewerV2 = ({ media }: { media: Media }) => {