Function Block

packages/solid-router/src/useBlocker.tsx:305–317

(opts: PromptProps | LegacyPromptProps)

export function Block(opts: LegacyPromptProps): SolidNode

export function Block(opts: PromptProps | LegacyPromptProps): SolidNode {
  const [propsWithChildren, rest] = Solid.splitProps(opts, ['children'])
  const args = _resolvePromptBlockerArgs(rest)

  const resolver = useBlocker(args)
  const children = Solid.createMemo(() => {
    const child = propsWithChildren.children
    if (resolver && typeof child === 'function') return child(resolver())
    return child
  })

  return <>{children()}</>
}

type LegacyPromptProps = {
  blockerFn?: LegacyBlockerFn