hotfix(useGetEndpointsQuery): set default variable value when transforming data with select (danny-avila#1097)

Author: danny-avila

client/src/components/Endpoints/EditPresetDialog.tsx

@@ -16,7 +16,7 @@ import store from '~/store';
 const EditPresetDialog = ({ open, onOpenChange, preset: _preset, title }: TEditPresetProps) => {
   const [preset, setPreset] = useRecoilState(store.preset);
   const setPresets = useSetRecoilState(store.presets);
-  const { data: availableEndpoints } = useGetEndpointsQuery({
+  const { data: availableEndpoints = [] } = useGetEndpointsQuery({
     select: mapEndpoints,
   });
   const { setOption } = useSetOptions(_preset);

client/src/components/Input/EndpointMenu/EndpointMenu.jsx

@@ -42,7 +42,7 @@ export default function NewConversationMenu() {
   const [conversation, setConversation] = useRecoilState(store.conversation) ?? {};
   const [messages, setMessages] = useRecoilState(store.messages);
 
-  const { data: availableEndpoints } = useGetEndpointsQuery({
+  const { data: availableEndpoints = [] } = useGetEndpointsQuery({
     select: mapEndpoints,
   });
 

client/src/components/Messages/Content/Plugin.tsx

@@ -31,7 +31,7 @@ type PluginProps = {
 };
 
 const Plugin: React.FC<PluginProps> = ({ plugin }) => {
-  const { data: plugins } = useGetEndpointsQuery({
+  const { data: plugins = {} } = useGetEndpointsQuery({
     select: (data) => data?.gptPlugins?.plugins,
   });