[MA-11]: Update types across files

webapp/channels/src/components/suggestion/at_mention_provider/at_mention_suggestion.tsx

@@ -34,7 +34,7 @@ interface Group extends Item {
     member_count: number;
 }
 
-const AtMentionSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<Item>>((props, ref) => {
+const AtMentionSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<Item>>((props, ref) => {
     const {item} = props;
 
     const intl = useIntl();

webapp/channels/src/components/suggestion/channel_mention_provider.tsx

@@ -27,7 +27,7 @@ type WrappedChannel = {
     loading?: boolean;
 }
 
-export const ChannelMentionSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<WrappedChannel>>((props, ref) => {
+export const ChannelMentionSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<WrappedChannel>>((props, ref) => {
     const {item} = props;
     const channelIsArchived = item.channel && item.channel.delete_at && item.channel.delete_at !== 0;
 

webapp/channels/src/components/suggestion/command_provider/command_provider.tsx

@@ -30,7 +30,7 @@ const EXECUTE_CURRENT_COMMAND_ITEM_ID = Constants.Integrations.EXECUTE_CURRENT_C
 const OPEN_COMMAND_IN_MODAL_ITEM_ID = Constants.Integrations.OPEN_COMMAND_IN_MODAL_ITEM_ID;
 const COMMAND_SUGGESTION_ERROR = Constants.Integrations.COMMAND_SUGGESTION_ERROR;
 
-const CommandSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<AutocompleteSuggestion>>((props, ref) => {
+const CommandSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<AutocompleteSuggestion>>((props, ref) => {
     const {item} = props;
 
     let symbolSpan = <span>{'/'}</span>;

webapp/channels/src/components/suggestion/emoticon_provider.tsx

@@ -31,7 +31,7 @@ type EmojiItem = {
 
 const suggestionTypeEmoji = 'emoji';
 
-const EmoticonSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<EmojiItem>>((props, ref) => {
+const EmoticonSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<EmojiItem>>((props, ref) => {
     const text = props.term;
     const emoji = props.item.emoji;
 

webapp/channels/src/components/suggestion/generic_channel_provider.tsx

@@ -15,7 +15,7 @@ import type {SuggestionProps} from './suggestion';
 
 type ChannelSearchFunc = (term: string, success: (channels: Channel[]) => void, error?: (err: ServerError) => void) => (ActionResult | Promise<ActionResult | ActionResult[]>);
 
-const GenericChannelSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<Channel>>((props, ref) => {
+const GenericChannelSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<Channel>>((props, ref) => {
     const {item} = props;
 
     const channelName = item.display_name;

webapp/channels/src/components/suggestion/generic_user_provider.tsx

@@ -18,7 +18,7 @@ import type {ResultsCallback} from './provider';
 import {SuggestionContainer} from './suggestion';
 import type {SuggestionProps} from './suggestion';
 
-const GenericUserSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<UserProfile>>((props, ref) => {
+const GenericUserSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<UserProfile>>((props, ref) => {
     const {item} = props;
 
     const username = item.username;

webapp/channels/src/components/suggestion/menu_action_provider.tsx

@@ -13,7 +13,7 @@ interface MenuAction {
     value: string;
 }
 
-const MenuActionSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<MenuAction>>((props, ref) => {
+const MenuActionSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<MenuAction>>((props, ref) => {
     const {item} = props;
 
     return (

webapp/channels/src/components/suggestion/search_channel_suggestion/search_channel_suggestion.tsx

@@ -76,7 +76,7 @@ type Props = SuggestionProps<Channel> & {
     teammateIsBot: boolean;
 }
 
-const SearchChannelSuggestion = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
+const SearchChannelSuggestion = React.forwardRef<HTMLLIElement, Props>((props, ref) => {
     const {item, teammateIsBot, currentUserId} = props;
 
     const nameObject = itemToName(item, currentUserId);

webapp/channels/src/components/suggestion/search_channel_with_permissions_provider.tsx

@@ -36,7 +36,7 @@ interface WrappedChannel {
 
 type ChannelSearchFunction = (teamId: string, channelPrefix: string) => Promise<ActionResult>
 
-const SearchChannelWithPermissionsSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<WrappedChannel>>((props, ref) => {
+const SearchChannelWithPermissionsSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<WrappedChannel>>((props, ref) => {
     const {item} = props;
     const channel = item.channel;
     const channelIsArchived = channel.delete_at && channel.delete_at !== 0;

webapp/channels/src/components/suggestion/search_suggestion_list.tsx

@@ -58,7 +58,7 @@ export default class SearchSuggestionList extends SuggestionList {
     }
 
     getContent = () => {
-        return this.itemsContainerRef?.current?.parentNode as HTMLDivElement | null;
+        return this.itemsContainerRef?.current?.parentNode as HTMLUListElement | null;
     };
 
     renderChannelDivider(type: string) {

webapp/channels/src/components/suggestion/search_user_provider.tsx

@@ -17,7 +17,7 @@ import type {ResultsCallback} from './provider';
 import {SuggestionContainer} from './suggestion';
 import type {SuggestionProps} from './suggestion';
 
-export const SearchUserSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<UserProfile>>((props, ref) => {
+export const SearchUserSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<UserProfile>>((props, ref) => {
     const {item} = props;
 
     const username = item.username;