Replace usage of `<></>` with `null` for project and style consistency

src/components/common/UpdateIndicator.tsx

@@ -15,7 +15,7 @@ export default function UpdateIndicator() {
         return internalSubscribe('PWA', 'update', () => setPending(true));
     });
 
-    if (!pending) return <></>;
+    if (!pending) return null;
     const theme = useContext(ThemeContext);
 
     return (

src/context/revoltjs/Notifications.tsx

@@ -216,7 +216,7 @@ function Notifier({ options, notifs }: Props) {
             document.removeEventListener("visibilitychange", visChange);
     }, [guild_id, channel_id]);
 
-    return <></>;
+    return null;
 }
 
 const NotifierComponent = connectState(

src/context/revoltjs/StateMonitor.tsx

@@ -63,7 +63,7 @@ function StateMonitor(props: Props) {
         return () => clearInterval(interval);
     }, [ props.typing ]);
 
-    return <></>;
+    return null;
 }
 
 export default connectState(

src/context/revoltjs/SyncManager.tsx

@@ -110,7 +110,7 @@ function SyncManager(props: Props) {
         return () => client.removeListener('packet', onPacket);
     }, [ disabled, props.sync ]);
 
-    return <></>;
+    return null;
 }
 
 export default connectState(

src/pages/settings/server/Roles.tsx

@@ -30,7 +30,7 @@ export function Roles({ server }: Props) {
 
     if (role !== 'default' && typeof roles[role] === 'undefined') {
         useEffect(() => setRole('default'));
-        return <></>;
+        return null;
     }
 
     const v = (id: string) => I32ToU32(id === 'default' ? server.default_permissions : roles[id].permissions)