Improve error message for createStrictAPI() (#1571)

* chore: add new error message for strict api

* chore: add changeset

Author: itsdouges

.changeset/nervous-olives-appear.md

@@ -0,0 +1,5 @@
+---
+'@compiled/react': patch
+---
+
+Add custom error message to be shown when any output from createStrictAPI() is unexpectedly executed.

packages/react/src/create-strict-api/index.ts

@@ -1,5 +1,5 @@
 import type { StrictCSSProperties, CSSPseudos } from '../types';
-import { createSetupError } from '../utils/error';
+import { createStrictSetupError } from '../utils/error';
 import { type CompiledStyles, cx, type Internal$XCSSProp } from '../xcss-prop';
 
 type PseudosDeclarations = {
@@ -210,14 +210,14 @@ type CompiledSchema = StrictCSSProperties & PseudosDeclarations;
 export function createStrictAPI<TSchema extends CompiledSchema>(): CompiledAPI<TSchema> {
   return {
     css() {
-      throw createSetupError();
+      throw createStrictSetupError();
     },
     cssMap() {
-      throw createSetupError();
+      throw createStrictSetupError();
     },
     cx,
     XCSSProp() {
-      throw createSetupError();
+      throw createStrictSetupError();
     },
   };
 }

packages/react/src/utils/error.ts

@@ -17,3 +17,23 @@ export const createSetupError = (): Error => {
   Good luck!
 `);
 };
+
+export const createStrictSetupError = (): Error => {
+  return new Error(`
+ ██████╗ ██████╗ ███╗   ███╗██████╗ ██╗██╗     ███████╗██████╗
+██╔════╝██╔═══██╗████╗ ████║██╔══██╗██║██║     ██╔════╝██╔══██╗
+██║     ██║   ██║██╔████╔██║██████╔╝██║██║     █████╗  ██║  ██║
+██║     ██║   ██║██║╚██╔╝██║██╔═══╝ ██║██║     ██╔══╝  ██║  ██║
+╚██████╗╚██████╔╝██║ ╚═╝ ██║██║     ██║███████╗███████╗██████╔╝
+ ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝╚══════╝╚══════╝╚═════╝
+
+  @compiled/react
+
+  Code was executed when it shouldn't have. To resolve make sure to:
+
+  1. Set up Compiled.
+  2. Configure importSources in your Compiled config to point to the module that exports the output of createStrictAPI().
+
+  For more information visit https://compiledcssinjs.com/docs/installation and follow the instructions.
+`);
+};