Clear upsert promise when ending externally (#71)

react-call/src/createCallable/index.tsx

@@ -97,7 +97,12 @@ export function createCallable<Props = void, Response = void, RootProps = {}>(
     },
     end: (...args: [Promise<Response>, Response] | [Response]) => {
       const targeted = args.length === 2
-      return createEnd(targeted ? args[0] : null)(targeted ? args[1] : args[0])
+      const promise = targeted ? args[0] : null
+      const response = targeted ? args[1] : args[0]
+
+      if (!targeted || promise === $upsertPromise) $upsertPromise = null
+
+      return createEnd(promise)(response)
     },
     update: (
       ...args: [Promise<Response>, Partial<Props>] | [Partial<Props>]

tests/src/upsert.test.tsx

@@ -88,4 +88,26 @@ describe('upsert()', () => {
       .element(screen.getByRole('dialog', { name: 'Second' }))
       .toBeInTheDocument()
   })
+
+  test('creates new instance after previous one is ended externally', async () => {
+    const screen = render(<Confirm.Root />)
+
+    Confirm.upsert({ message: 'First' })
+
+    await expect
+      .element(screen.getByRole('dialog', { name: 'First' }))
+      .toBeInTheDocument()
+
+    Confirm.end(false)
+
+    await expect
+      .element(screen.container.querySelector('[role="dialog"]'))
+      .not.toBeInTheDocument()
+
+    Confirm.upsert({ message: 'Second' })
+
+    await expect
+      .element(screen.getByRole('dialog', { name: 'Second' }))
+      .toBeInTheDocument()
+  })
 })