RemoteTimeline: reorganize useEffect

app/soapbox/features/remote_timeline/index.tsx

@@ -44,6 +44,14 @@ const RemoteTimeline: React.FC<IRemoteTimeline> = ({ params }) => {
     }
   };
 
+  const handleCloseClick: React.MouseEventHandler = () => {
+    history.push('/timeline/fediverse');
+  };
+
+  const handleLoadMore = (maxId: string) => {
+    dispatch(expandRemoteTimeline(instance, { maxId, onlyMedia }));
+  };
+
   useEffect(() => {
     disconnect();
     dispatch(expandRemoteTimeline(instance, { onlyMedia, maxId: undefined }));
@@ -55,14 +63,6 @@ const RemoteTimeline: React.FC<IRemoteTimeline> = ({ params }) => {
     };
   }, [onlyMedia]);
 
-  const handleCloseClick: React.MouseEventHandler = () => {
-    history.push('/timeline/fediverse');
-  };
-
-  const handleLoadMore = (maxId: string) => {
-    dispatch(expandRemoteTimeline(instance, { maxId, onlyMedia }));
-  };
-
   return (
     <Column label={intl.formatMessage(messages.title)} heading={instance} transparent>
       {instance && <PinnedHostsPicker host={instance} />}