fix: some more prettier errors

Author: isekovanic

examples/SampleApp/package.json

@@ -12,7 +12,7 @@
     "start": "react-native start",
     "test": "jest",
     "lint": "eslint .",
-    "lint-fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
+    "lint-fix": "eslint . --fix",
     "extract-changelog": "FILTER_PATH='examples/SampleApp' TAG_FORMAT=$npm_package_name'@v${version}' node ../../release/extract-changelog.js",
     "bootstrap": "yarn install",
     "release": "FILTER_PATH='examples/SampleApp' TAG_FORMAT=$npm_package_name'@v${version}' node ../../release/prod",

examples/SampleApp/src/screens/ChannelListScreen.tsx

@@ -1,5 +1,13 @@
 import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { FlatList, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import {
+  FlatList,
+  FlatListProps,
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import { useNavigation, useScrollToTop } from '@react-navigation/native';
 import { ChannelList, CircleClose, Search, useTheme } from 'stream-chat-react-native';
 import { Channel } from 'stream-chat';
@@ -108,24 +116,33 @@ export const ChannelListScreen: React.FC = () => {
     </View>
   );
 
-  const additionalFlatListProps = useMemo(() => ({
-    getItemLayout: (_, index) => ({
-      index,
-      length: 65,
-      offset: 65 * index,
+  const additionalFlatListProps = useMemo<Partial<FlatListProps<Channel<StreamChatGenerics>>>>(
+    () => ({
+      getItemLayout: (_: unknown, index: number) => ({
+        index,
+        length: 65,
+        offset: 65 * index,
+      }),
+      keyboardDismissMode: 'on-drag',
     }),
-    keyboardDismissMode: 'on-drag',
-  }), []);
-
-  const onSelect = useCallback((channel) => {
-    navigation.navigate('ChannelScreen', {
-      channel,
-    });
-  }, [navigation]);
-
-  const setScrollRef = useCallback( () => (ref: FlatList<Channel<StreamChatGenerics>> | null) => {
-    scrollRef.current = ref;
-  }, []);
+    [],
+  );
+
+  const onSelect = useCallback(
+    (channel: Channel) => {
+      navigation.navigate('ChannelScreen', {
+        channel,
+      });
+    },
+    [navigation],
+  );
+
+  const setScrollRef = useCallback(
+    () => (ref: FlatList<Channel<StreamChatGenerics>> | null) => {
+      scrollRef.current = ref;
+    },
+    [],
+  );
 
   if (!chatClient) {
     return null;

examples/SampleApp/src/screens/ThreadScreen.tsx

@@ -18,7 +18,7 @@ import type { RouteProp } from '@react-navigation/native';
 import type { StackNavigatorParamList, StreamChatGenerics } from '../types';
 import { ThreadState } from 'stream-chat';
 
-const selector = (nextValue: ThreadState) => ({ parentMessage: nextValue.parentMessage } as const);
+const selector = (nextValue: ThreadState) => ({ parentMessage: nextValue.parentMessage }) as const;
 
 const styles = StyleSheet.create({
   container: {
@@ -40,7 +40,10 @@ const ThreadHeader: React.FC<ThreadHeaderProps> = ({ thread }) => {
   const typing = useTypingString();
   let subtitleText = thread?.user?.name;
   const { parentMessage } =
-    useStateStore(thread?.threadInstance?.state ?? undefined, selector) || [];
+    useStateStore(
+      (thread?.threadInstance as ThreadContextValue<StreamChatGenerics>['threadInstance'])?.state,
+      selector,
+    ) || {};
 
   if (subtitleText == null) {
     subtitleText = parentMessage?.user?.name;