Function DetailComponent

packages/solid-router/tests/useNavigate.test.tsx:2049–2075

(props: { id: string })

      }

      function DetailComponent(props: { id: string }) {
        const params = useParams({ strict: false })
        const [currentTest, setTest] = useModal('test')

        return (
          <>
            <div data-testid={`detail-heading-${props.id}`}>
              Post Path "/{params().postId}/detail-{props.id}"!
            </div>
            {currentTest() ? (
              <button
                data-testid={`detail-btn-remove-${props.id}`}
                onClick={() => setTest(false)}
              >
                Remove test
              </button>
            ) : (
              <button
                data-testid={`detail-btn-add-${props.id}`}
                onClick={() => setTest(true)}
              >
                Add test
              </button>
            )}
          </>
        )
      }

      const PostComponent = () => {
        const params = useParams({ strict: false })