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.
cd ../../../../npm installnpm run webpack-npmcd tools/examples/components/sql-scratchpadnpm 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)