fix(react)!: disable includeImportCustomElements to resolve initial r…

…ender issues (#8248)

**Related Issue:** #8143

## Summary

The `ReferenceError: navigator is not defined` error is still present in
Stencil v4 when removing the patch. Disabled
[`includeImportCustomElements`](https://stenciljs.com/docs/react#includeimportcustomelements)
for now while we investigate an alternative fix that doesn't cause
initial render issues.


BREAKING CHANGE: Disabled `includeImportCustomElements`. Make sure to
import components from `@esri/calcite-components` in addition to the
react wrappers. For example, the first code snippet in #7185 is now
required, or else the custom elements will not be defined on the window.

packages/calcite-components-react/package.json

@@ -7,11 +7,10 @@
   "license": "SEE LICENSE.md",
   "scripts": {
     "build": "rimraf dist && npm run compile",
-    "prebuild": "npm run patch:ssr && npm run patch:jsx-import",
+    "prebuild": "npm run patch:jsx-import",
     "clean": "rimraf dist node_modules .turbo",
     "compile": "npm run tsc",
     "patch:jsx-import": "ts-node support/patchJSXImport.ts",
-    "patch:ssr": "ts-node support/patchSSR.ts",
     "tsc": "tsc"
   },
   "main": "./dist/index.js",

packages/calcite-components/stencil.config.ts

@@ -97,7 +97,6 @@ export const create: () => Config = () => ({
       proxiesFile: "../calcite-components-react/src/components.ts",
       excludeComponents: ["context-consumer"],
       customElementsDir: "dist/components",
-      includeImportCustomElements: true,
     }),
     { type: "dist-hydrate-script" },
     { type: "dist-custom-elements", customElementsExportBehavior: "auto-define-custom-elements" },