diff --git a/web/components/config/edit-social-links.tsx b/web/components/config/edit-social-links.tsx
index 5e3f3ca2d..a4c6910a0 100644
--- a/web/components/config/edit-social-links.tsx
+++ b/web/components/config/edit-social-links.tsx
@@ -13,7 +13,7 @@ import {
   OTHER_SOCIAL_HANDLE_OPTION,
 } from '../../utils/config-constants';
 import { SocialHandle, UpdateArgs } from '../../types/config-section';
-import { isValidUrl } from '../../utils/urls';
+import isValidUrl from '../../utils/urls';
 import TextField from './form-textfield';
 import { createInputStatus, STATUS_ERROR, STATUS_SUCCESS } from '../../utils/input-statuses';
 import FormStatusIndicator from './form-status-indicator';
diff --git a/web/components/config/edit-storage.tsx b/web/components/config/edit-storage.tsx
index 5ddff5054..0b418d8cc 100644
--- a/web/components/config/edit-storage.tsx
+++ b/web/components/config/edit-storage.tsx
@@ -20,7 +20,7 @@ import {
 } from '../../utils/input-statuses';
 import TextField from './form-textfield';
 import FormStatusIndicator from './form-status-indicator';
-import { isValidUrl } from '../../utils/urls';
+import isValidUrl from '../../utils/urls';
 import ToggleSwitch from './form-toggleswitch';
 
 const { Panel } = Collapse;
diff --git a/web/pages/webhooks.tsx b/web/pages/webhooks.tsx
index 5072f4962..9cd3e0c91 100644
--- a/web/pages/webhooks.tsx
+++ b/web/pages/webhooks.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Table, Tag, Space, Button, Modal, Checkbox, Input, Typography, Tooltip } from 'antd';
 import { DeleteOutlined } from '@ant-design/icons';
-import { isValidUrl } from '../utils/urls';
+import isValidUrl from '../utils/urls';
 
 import { fetchData, DELETE_WEBHOOK, CREATE_WEBHOOK, WEBHOOKS } from '../utils/apis';
 
diff --git a/web/utils/urls.ts b/web/utils/urls.ts
index 537a8e863..03ba8a42c 100644
--- a/web/utils/urls.ts
+++ b/web/utils/urls.ts
@@ -1,14 +1,14 @@
-export function isValidUrl(url: string): boolean {
+export default function isValidUrl(url: string): boolean {
   const validProtocols = ['http:', 'https:'];
 
   try {
    const validationObject = new URL(url);
    if (validationObject.protocol === '' || validationObject.hostname === '' || !validProtocols.includes(validationObject.protocol)) {
-     return false
+     return false;
    }
   } catch(e) {
     return false;
   }
 
-  return true
+  return true;
 }