`i.sent` is not a constructor?

andrewmartin commented 3 years ago

Seeing this funky error.

I'm using some very basic Filestack code. Breaks on NextJS app during compilation cycles.

filestack.esm.js?c299:41 Uncaught (in promise) TypeError: i.sent(...) is not a constructor
    at t.eval (filestack.esm.js?c299:41)
    at eval (filestack.esm.js?c299:40)
    at Object.eval [as next] (filestack.esm.js?c299:40)
    at a (filestack.esm.js?c299:40)

My invocation is fairly simple, but I'll try to exclude the React stuff. Basically:

export const defaultPickerOptions = {
  accept: ['image/*'],
}

const buildPicker  = (options: filestack.PickerOptions) {
    if (isBrowser()) {
      return client.picker({
        ...defaultPickerOptions,
        ...options,
      })
    }
}

I might have something funky going on here:

const getPicker =  buildPicker({
      onUploadDone: setPickerResponse, // basically, just passing this thru to setState.
    });

I'm using a NextJS app with SSR, so I'm trying to wrap things around that isBrowser() check. Any ideas?

Here's the whole file, hopefully this doesn't add to the confusion:


import * as filestack from 'filestack-js'
import { useState } from 'react'
import { isBrowser } from 'src/util/env'

const key = process.env.NEXT_PUBLIC_FILESTACK_API_KEY
export const client = filestack.init(key as string)

export const defaultPickerOptions = {
  accept: ['image/*'],
}

// hooks

export const usePickerState = () => {
  const picker = (options: filestack.PickerOptions) => {
    if (isBrowser()) {
      return client.picker({
        ...defaultPickerOptions,
        ...options,
      })
    }
  }

  const [pickerResponse, setPickerResponse] = useState<filestack.PickerResponse | undefined>(
    undefined,
  )

  const [pickerClient] = useState<filestack.PickerInstance | undefined>(
    picker({
      onUploadDone: setPickerResponse,
    }),
  )

  return {
    pickerClient,
    pickerResponse,
  }
}

// the consumer has `pickerClient` and `pickerResponse` available on the React state.

Should mention the upload does work fine, it just borks out from time to time when I'm compiliing.

andrewmartin commented 3 years ago

I'm also noticing this wonkiness, where it appends the script tag every time.

Why does this inject JS on the page if we already have the source? Seems like a bug on your end.

client.picker({ ...defaultPickerOptions, ...options, }) `

Image 2021-02-28 at 11 36 08 PM