This projects demonstrates how you can use the Hue web components from within a React project to create a SQL Scratchpad.
It's based on a clean create-react-app project, relevant changes are:
We wrap the web components to be able to set certain attributes/properties on the web component elements that are required by the web components.
npm installnpm run webpack-npm
npm installnpm startnpx create-react-app sql-scratchpad --template typescript"gethue": "file:../../../../npm_dist" to dependencies in package.jsonSKIP_PREFLIGHT_CHECK=true to .env (required when running inside nested Hue folder)