remove useEffect

This reverts commit 7ce0ae417f.

packages/richtext-lexical/src/features/blocks/client/componentInline/index.tsx

@@ -81,6 +81,7 @@ export const InlineBlockComponent: React.FC<Props> = (props) => {
   } = useEditorConfigContext()
   const { getFormState } = useServerFunctions()
   const editDepth = useEditDepth()
+  const hasMounted = useRef(false)
 
   const [initialState, setInitialState] = React.useState<false | FormState | undefined>(
     initialLexicalFormState?.[formData.id]?.formState,
@@ -116,6 +117,15 @@ export const InlineBlockComponent: React.FC<Props> = (props) => {
 
   const clientBlock = blocksField.blocks[0]
 
+  // Open drawer on mount
+  useEffect(() => {
+    // > 2 because they always have "id" and "blockName" fields
+    if (!hasMounted.current && clientBlock.fields.length > 2) {
+      toggleDrawer()
+      hasMounted.current = true
+    }
+  }, [clientBlock, toggleDrawer])
+
   const removeInlineBlock = useCallback(() => {
     editor.update(() => {
       $getNodeByKey(nodeKey)?.remove()

packages/ui/src/elements/ListDrawer/DrawerContent.tsx

@@ -23,7 +23,7 @@ export const ListDrawerContent: React.FC<ListDrawerProps> = ({
   onBulkSelect,
   onSelect,
   overrideEntityVisibility = true,
-  selectedCollection: selectedCollectionFromProps,
+  selectedCollection,
 }) => {
   const { closeModal, isModalOpen } = useModal()
 
@@ -43,7 +43,7 @@ export const ListDrawerContent: React.FC<ListDrawerProps> = ({
   })
 
   const [selectedOption, setSelectedOption] = useState<Option<string>>(() => {
-    const initialSelection = selectedCollectionFromProps || enabledCollections[0]?.slug
+    const initialSelection = selectedCollection || enabledCollections[0]?.slug
     const found = getEntityConfig({ collectionSlug: initialSelection }) as ClientCollectionConfig
 
     return found
@@ -59,15 +59,6 @@ export const ListDrawerContent: React.FC<ListDrawerProps> = ({
       collectionSlug: selectedOption.value,
     })
 
-  useEffect(() => {
-    if (selectedCollectionFromProps && selectedCollectionFromProps !== selectedOption?.value) {
-      setSelectedOption({
-        label: collections.find(({ slug }) => slug === selectedCollectionFromProps).labels,
-        value: selectedCollectionFromProps,
-      })
-    }
-  }, [selectedCollectionFromProps, collections, selectedOption])
-
   const renderList = useCallback(
     async (slug: string, query?: ListQuery) => {
       try {