Playground and Stories issues for new developer

[ghost]

Hello, just getting started working with this repo, so here are my notes on what went wrong for a new developer.

Here are versions of my tools:

node v14.17.3
yarn 1.12.10
npm 6.14.13
Linux 5.4.184-1-MANJARO

Playground

When I cloned your repo (dbf95b8d) and ran yarn, lerna and yarn start:playground.

• I got a build error:

Server running at http://localhost:1234 
🚨  /a/github/dnd-kit/playground/node_modules/parcel/src/builtins/css-loader.js: Invalid Version: undefined

When I looked it up everyone said to revert to parcel-bundler@1.12.3 but I only saw a dependency for parcel@^1.12.3 in the playground's package file, so I set that to parcel@1.12.3, removed the existing playground node_modules and yarn.lock files and ran yarn start:playground again.

• The build works.
• However, the button that says "Drag me" does not drag.

Stories

When editing stories/3 - Examples/Tree/SortableTree.tsx in VS Code 1.65.2...

• I was getting a lint error on line 112:

This syntax requires an imported helper named '__spreadArray' which does not exist in 'tslib'.
Consider upgrading your version of 'tslib'.ts(2343)

• To fix this, I placed the following into a new file, stories/tsconfig.json:

{
  "compilerOptions": {
    "strict": true,
    "target": "es6",
  },
  "include": ["**/*.ts"]
}

[xiaohp]

playground run error + 1

yarn start:playground

/dnd-kit/playground/node_modules/parcel/src/builtins/css-loader.js: Invalid Version: undefined

[suren-atoyan]

+1