props are technically optional, should be 2nd type arg

Author: thefringeninja

src/components/HyperMediaControls/index.tsx

@@ -59,6 +59,6 @@ const HyperMediaControls: ComponentType<
     </Card>
 );
 
-export default connect<HyperMediaControlsProps, HyperMediaControlsState>(
+export default connect<HyperMediaControlsState, HyperMediaControlsProps>(
     state$,
 )(HyperMediaControls);

src/components/Notifications.tsx

@@ -227,4 +227,4 @@ const Notifications: ComponentType<NotificationsProps> = ({
     </div>
 );
 
-export default connect<{}, NotificationsState>(state$)(Notifications);
+export default connect<NotificationsState>(state$)(Notifications);

src/reactive/index.ts

@@ -26,7 +26,7 @@ const createLogger = <TState>() => (state: TState) =>
     // tslint:disable-next-line:no-console
     console.debug(state, typeof state);
 
-export const connect = <TProps extends object, TState extends object>(
+export const connect = <TState extends object, TProps extends object = {}>(
     state$: Observable<TState>,
 ) => (
     WrappedComponent: ComponentType<TProps & TState>,

src/stream-store/Viewer/HalViewer/Home.tsx

@@ -82,4 +82,4 @@ const Index: ComponentType<IndexState & HalViewerProps> = ({
     </section>
 );
 
-export default connect<HalViewerProps, IndexState>(state$)(Index);
+export default connect<IndexState, HalViewerProps>(state$)(Index);

src/stream-store/Viewer/HalViewer/Stream.tsx

@@ -100,4 +100,4 @@ const Stream: ComponentType<StreamState & HalViewerProps> = ({
     </section>
 );
 
-export default connect<HalViewerProps, StreamState>(state$)(Stream);
+export default connect<StreamState, HalViewerProps>(state$)(Stream);

src/stream-store/Viewer/HalViewer/StreamBrowser.tsx

@@ -27,6 +27,6 @@ const StreamBrowserComponent: ComponentType<
     <StreamBrowser loading={loading} streams={streams} />
 );
 
-export default connect<HalViewerProps, StreamBrowserState>(state$)(
+export default connect<StreamBrowserState, HalViewerProps>(state$)(
     StreamBrowserComponent,
 );

src/stream-store/Viewer/HalViewer/StreamMessage.tsx

@@ -346,6 +346,6 @@ const StreamMessage: ComponentType<StreamMessageState & HalViewerProps> = ({
     </section>
 );
 
-export default connect<HalViewerProps, StreamMessageState>(state$)(
+export default connect<StreamMessageState, HalViewerProps>(state$)(
     StreamMessage,
 );

src/stream-store/Viewer/HalViewer/StreamMetadata.tsx

@@ -140,6 +140,6 @@ const StreamMetadata: StatelessComponent<
     </section>
 );
 
-export default connect<HalViewerProps, StreamMetadataState>(state$)(
+export default connect<StreamMetadataState, HalViewerProps>(state$)(
     StreamMetadata,
 );

src/stream-store/Viewer/HalViewer/Unrecognized.tsx

@@ -76,6 +76,6 @@ class UnrecognizedRelViewer extends React.PureComponent<
     }
 }
 
-export default connect<HalViewerProps, UnrecognizedRelViewerState>(state$)(
+export default connect<UnrecognizedRelViewerState, HalViewerProps>(state$)(
     UnrecognizedRelViewer,
 );

src/stream-store/Viewer/MarkdownViewer/index.tsx

@@ -28,4 +28,4 @@ const MarkdownViewer: ComponentType<MarkdownViewerState> = ({ body }) => (
         </Remarkable>
     </Typography>
 );
-export default connect<{}, MarkdownViewerState>(state$)(MarkdownViewer);
+export default connect<MarkdownViewerState>(state$)(MarkdownViewer);