`transactionExports is not a constructor` - vite-react project

Hey 😃 One of the projects using Warp SDK reported a bug in their vite-react project (it appears only on production, dev is ok).

Error seems to be thrown by the SDK when creating arweave transaction. This is how we do it:

  async tx(id: string): Promise<typeof Transaction> {
    const response = await fetch(`${this.baseUrl}/tx/${id}`)
      .then((res) => {
        return res.ok ? res.json() : Promise.reject(res);
      })
      .catch((error) => {
        if (error.body?.message) {
          this.logger.error(error.body.message);
        }
        throw new Error(`Unable to retrieve tx ${id}. ${error.status}. ${error.body?.message}`);
      });

    return new Transaction({
      ...response
    });
  }

Error is thrown in the return part when initializing Transaction. This is how it is imported:

import Transaction from 'arweave/node/lib/transaction';

The error is shown also if I’m trying to create a transaction directly in the project (without intermediation of sdk) - importing exactly like shown above and then new Transaction(tx). If you need any more info or a sample github repo, I’m happy to deliver 😃

[ppedziwiatr]

@rosmcmahon what do you mean? Our SDK is using arweave-js and so has arweave-js in its package.json dependencies…how do you suggest to handle this differently? I guess that’s more of an issue with npm dependency system in general 😃

[rosmcmahon]

i must have missed your reply, sorry Piotr. if you must define the return manually, i guess you could also define the interface/type in your code beside it?