Build error "'parse' is not exported by node_modules/bowser/src/bowser.js" with snowpack

[trivikr]

Describe the bug

aws-sdk-js-v3 throws the following error when build is performed using snowpack

[snowpack] Failed to load node_modules/@aws-sdk/util-user-agent-browser/dist/es/index.js
  'parse' is not exported by node_modules/bowser/src/bowser.js, imported by node_modules/@aws-sdk/util-user-agent-browser/dist/es/index.js
[snowpack] Install failed.

Your environment

SDK version number

@aws-sdk/[email protected]
[email protected]

Is the issue in the browser/Node.js/ReactNative?

Node.js & Browser

Details of the browser/Node.js/ReactNative version

Tested with Node.js v14.15.4

Steps to reproduce

Quick test for bundling:

package.json

{
  "name": "test-snowpack",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "type": "module",
  "devDependencies": {
    "snowpack": "^3.0.11"
  },
  "dependencies": {
    "@aws-sdk/client-dynamodb": "^3.4.1"
  }
}

index.js

import { DynamoDB } from "@aws-sdk/client-dynamodb";

const client = new DynamoDB({});
console.log(await client.listTables({ Limit: 1 }));

The command run to test snowpack bundling:

./node_modules/.bin/snowpack build

Observed behavior

The following error is thrown:

[snowpack] Hint: run "snowpack init" to create a project config file. Using defaults...
[snowpack] ! building source files...
[snowpack] ✔ build complete [0.13s]
[snowpack] ! building dependencies...
[snowpack] Failed to load node_modules/@aws-sdk/util-user-agent-browser/dist/es/index.js
  'parse' is not exported by node_modules/bowser/src/bowser.js, imported by node_modules/@aws-sdk/util-user-agent-browser/dist/es/index.js
[snowpack] Install failed.

Expected behavior

Snowpack build is successful.

Additional context

Discussion on snowpack repo: FredKSchott/snowpack#2114
Issue noticed in todo app: aws-samples/aws-sdk-js-notes-app#2 (comment)

[trivikr]

This is an issue with manually written types in bowser which falsely state that named imports are available for the module. Details in bowser-js/bowser#458

As per README in bowser, we should use default import https://github.com/lancedikson/bowser#use-cases
We currently use named import in

aws-sdk-js-v3/packages/util-user-agent-browser/src/index.ts

Line 2 in fa33f0b

import { parse } from "bowser";

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs and link to relevant comments in this thread.