search

gluestack / gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
https://gluestack.io/
MIT License
2.4k stars 115 forks source link

Getting TypeErrors #1536

Closed Gluant101 closed 8 months ago

Gluant101 commented 9 months ago

Description

GSFZamai — 16/12/2023 01:16 Hi there, how are you? I'm getting these error:

TypeError: Cannot read property 'GluestackUIProvider' of undefined TypeError: Cannot read property 'path' of undefined, js engine: hermes

Link: https://discord.com/channels/1050761204852858900/1054386565515837522/1185306973051289610

CodeSandbox/Snack link

No response

Steps to reproduce

  1. Go to '...'
  2. Click on '...'
  3. Scroll down to '...'
  4. See error

gluestack-ui Version

3.3.1

Platform

Other Platform

No response

Additional Information

No response

Viraj-10 commented 9 months ago

Hey GSFZamai, Can you share your code?

GSFZamai commented 9 months ago

@Viraj-10 sure:

Steps to reproduce

  1. Install the lib as suggested on the documentation for existing project.
  2. Rebuild the app
  3. See error

gluestack-ui Version

3.3.1

React Native version

0.71.14

Package json

{
  ...
  "dependencies": {
    "@gluestack-style/react": "^1.0.29",
    "@gluestack-ui/config": "^1.0.10",
    "@gluestack-ui/themed": "^1.0.30",
    "@hookform/resolvers": "^3.1.0",
    "@miblanchard/react-native-slider": "^2.3.1",
    "@mrmgomes/boleto-utils": "^1.2.0",
    "@notifee/react-native": "^7.7.1",
    "@react-native-async-storage/async-storage": "^1.18.2",
    "@react-native-clipboard/clipboard": "^1.11.2",
    "@react-native-community/image-editor": "^2.3.0",
    "@react-native-community/netinfo": "^9.3.10",
    "@react-native-firebase/app": "^14.9.4",
    "@react-native-firebase/messaging": "^14.9.4",
    "@react-native-masked-view/masked-view": "^0.2.9",
    "@react-navigation/drawer": "^6.6.2",
    "@react-navigation/native": "^6.1.6",
    "@react-navigation/stack": "^6.3.16",
    "apisauce": "^3.0.0",
    "appcenter": "^5.0.0",
    "appcenter-analytics": "^5.0.0",
    "appcenter-crashes": "^5.0.0",
    "crypto-js": "^4.1.1",
    "date-fns": "^2.30.0",
    "deprecated-react-native-prop-types": "^4.1.0",
    "hi-base32": "^0.5.1",
    "intl": "^1.2.5",
    "jail-monkey": "^2.8.0",
    "lodash": "^4.17.21",
    "lottie-ios": "3.4.0",
    "lottie-react-native": "^5.1.4",
    "moment": "^2.29.4",
    "react": "18.2.0",
    "react-hook-form": "^7.44.3",
    "react-native": "0.71.14",
    "react-native-barcode-mask": "^1.2.4",
    "react-native-calendars": "^1.1298.0",
    "react-native-camera": "^4.2.1",
    "react-native-confirmation-code-field": "^7.3.1",
    "react-native-device-info": "^10.6.0",
    "react-native-dropdown-picker": "^5.4.6",
    "react-native-encrypted-storage": "^4.0.3",
    "react-native-exit-app": "^1.1.0",
    "react-native-face-detection": "^0.1.1",
    "react-native-fingerprint-scanner": "^6.0.0",
    "react-native-fs": "^2.20.0",
    "react-native-geolocation-service": "^5.3.1",
    "react-native-gesture-handler": "^2.11.0",
    "react-native-image-crop-picker": "^0.40.0",
    "react-native-image-resizer": "^1.4.5",
    "react-native-iphone-x-helper": "^1.3.1",
    "react-native-lightbox-v2": "^0.9.0",
    "react-native-linear-gradient": "^2.6.2",
    "react-native-orientation-locker": "^1.5.0",
    "react-native-progress": "^5.0.0",
    "react-native-qrcode-svg": "^6.2.0",
    "react-native-reanimated": "2.17.0",
    "react-native-responsive-fontsize": "^0.5.1",
    "react-native-rsa-native": "^2.0.5",
    "react-native-safe-area-context": "^4.5.3",
    "react-native-screens": "^3.20.0",
    "react-native-share": "^9.4.1",
    "react-native-shimmer-placeholder": "^2.0.9",
    "react-native-snap-carousel": "^4.0.0-beta.6",
    "react-native-sqlite-storage": "^6.0.1",
    "react-native-step-indicator": "^1.0.3",
    "react-native-svg": "13.4.0",
    "react-native-swipe-list-view": "^3.2.9",
    "react-native-tracking-transparency": "^0.1.2",
    "react-native-uuid": "^2.0.1",
    "react-native-vector-icons": "^9.2.0",
    "react-native-view-shot": "^3.8.0",
    "react-native-vision-camera": "2.15.6",
    "react-native-walkthrough-tooltip": "^1.5.0",
    "react-redux": "8.0.7",
    "redux": "^4.2.1",
    "redux-offline-queue": "^1.1.2",
    "redux-persist": "^6.0.0",
    "redux-saga": "^1.2.3",
    "reduxsauce": "^1.2.1",
    "rn-qr-generator": "^1.3.1",
    "seamless-immutable": "^7.1.4",
    "sp-react-native-in-app-updates": "^1.3.1",
    "styled-components": "^5.3.11",
    "totp-generator": "^0.0.14",
    "victory-native": "^36.6.10",
    "vision-camera-code-scanner": "^0.2.0",
    "vision-camera-dynamsoft-barcode-reader": "^0.6.0",
    "vision-camera-face-detector": "^0.1.8",
    "yup": "^1.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.22.1",
    "@babel/preset-env": "^7.22.4",
    "@babel/preset-typescript": "^7.21.5",
    "@babel/runtime": "^7.22.3",
    "@react-native-community/eslint-config": "^3.2.0",
    "@tsconfig/react-native": "^3.0.2",
    "@types/crypto-js": "4.1.1",
    "@types/date-fns": "^2.6.0",
    "@types/inquirer": "^8.2.1",
    "@types/intl": "^1.2.0",
    "@types/jest": "^29.5.2",
    "@types/lodash": "^4.14.198",
    "@types/react": "^18.2.9",
    "@types/react-native": "^0.71.7",
    "@types/react-native-calendars": "^1.1264.3",
    "@types/react-native-fs": "^2.13.0",
    "@types/react-native-linear-gradient": "^2.4.0",
    "@types/react-native-share": "^3.3.3",
    "@types/react-native-snap-carousel": "^3.8.5",
    "@types/react-native-sqlite-storage": "^6.0.0",
    "@types/react-native-vector-icons": "^6.4.13",
    "@types/react-redux": "^7.1.24",
    "@types/react-test-renderer": "^18.0.0",
    "@types/redux": "^3.6.31",
    "@types/seamless-immutable": "^7.1.16",
    "@types/styled-components-react-native": "^5.2.1",
    "@types/totp-generator": "^0.0.5",
    "@types/yup": "^0.32.0",
    "@typescript-eslint/eslint-plugin": "^5.59.9",
    "@typescript-eslint/parser": "^5.59.9",
    "babel-jest": "^29.5.0",
    "babel-plugin-module-resolver": "^5.0.0",
    "babel-plugin-transform-remove-console": "^6.9.4",
    "dotenv": "^16.1.4",
    "eslint": "^8.42.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.0.0",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "inquirer": "8.0.0",
    "jest": "^29.5.0",
    "metro-react-native-babel-preset": "^0.76.6",
    "patch-package": "^7.0.0",
    "postinstall-postinstall": "^2.1.0",
    "prettier": "^2.8.8",
    "react-native-asset": "^2.1.1",
    "react-native-bundle-visualizer": "^3.1.3",
    "react-native-dotenv": "^3.4.8",
    "react-native-svg-transformer": "^1.0.0",
    "react-test-renderer": "18.2.0",
    "reactotron-react-native": "^5.0.3",
    "reactotron-redux": "^3.1.3",
    "reactotron-redux-saga": "^4.2.3",
    "typescript": "^5.1.3"
  },
  "resolutions": {
    "styled-components": "^5"
  },
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
}

Platform

Index.tsx

...
import { GluestackUIProvider } from '@gluestack-ui/themed';
import { config } from '@gluestack-ui/config';

function App() {
  useEffect(() => {
    Orientation.lockToPortrait();
    moment.locale('pt-br');
  }, []);

  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
          <ThemeProvider theme={defaultTheme}>
              ... Redux Store and other providers
              <GluestackUIProvider config={config}>
                  <Routes />
              </GluestackUIProvider>
              ...                  
          </ThemeProvider>
    </GestureHandlerRootView>
  );
}

export default App;

My project is working perfectly, it crashes when I add the gluestack-ui and import the GlueStackProvider.

GSFZamai commented 9 months ago

FYI It's some internal conflict with my project. I've created a new one and works perfectly. But I'm struggling to find the problem...

GSFZamai commented 8 months ago

Hi there, hope you're fine. I don't know if this is the ideal solution but I've applied this optional chaining and resolved this error:

File: @gluestack-style/react/src/resolver/checkAndPush.ts b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts Line: 29

diff --git a/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
index 6a67f77..05bf5fe 100644
--- a/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
+++ b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
@@ -26,7 +26,7 @@ export function checkAndPush(item: any, ret: any, keyToCheck: any) {
     return obj;
   }
   // keyToCheck = "baseStyle" | "variants" | "sizes"
-  if (item.meta.path.includes(keyToCheck)) {
+  if (item.meta?.path.includes(keyToCheck)) {
     // if (!item.meta.path.includes('state')) {
     //   if (!ret.ids) {
     //     ret.ids = [];

I don't know why this error occurs, because I put a console.log in this object and It's , in fact, never undefined or null...

GSFZamai commented 8 months ago

That fix doesn't resolve the problem, started gettint Type error in other places...

GSFZamai commented 8 months ago

Thats the result when I log the meta object.

{"meta": {"cssId": "xcsqs4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "19tv620-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1lw2cl-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "jipack-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1skowng-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1styhwq-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1pvti2z-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1dlxdco-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "zqijsa-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "mll1qz-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "u9jg9b-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1j2is6l-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1peotku-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "18qh4lw-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "29q5kx-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1wa37hd-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "l3l9bm-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "joaia3-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1srbpo8-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1igksal-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "6q5msq-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "13kbvb9-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1e7hmj1-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1upvgpz-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "qfldxe-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1fpq759-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1l693mf-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ad3z3t-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1p8kgwh-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "8bjblt-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "3h74jt-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1hkndjm-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ggig6i-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "lzecbs-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "175yawj-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1rpjv2i-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ql4gmy-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1gnfuu8-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ppx50y-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1myvhoc-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "18whnrz-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1qbeax7-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "12n7ks2-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "mlzlgk-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "5oopjg-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ybodhp-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "svebbu-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ijz1zi-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "r8ayx3-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "xesr8n-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "de42fo-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1038qez-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "5tkfx4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "mqzehb-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1v4ocfj-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1jetr9y-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1mktd1-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "po690z-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ogle22-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "dgidz9-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "8kl7xq-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "6a6i73-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1dz5xa6-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "mmg1d5-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "dw5v7d-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1par59m-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "xkj6t9-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "zcf96x-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "2j77vn-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1gmcaau-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "10c0lp3-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1oazxz4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "d2a2b6-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ox9szs-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1gm3xny-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1jlzz9b-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "qwgacz-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1v9jfpj-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "18r8c9w-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "13cqxgd-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1oq1q36-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "np85n7-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1q59dbb-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "142auj6-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1r9o96k-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "fdtgal-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ienl87-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1vlceq7-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1d6yh24-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "19p9umo-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "12o3djl-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1k0igkx-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "eb7661-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "sd9ngb-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "onuhpi-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "y5l7sg-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1kp9cdi-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "mjknrt-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1mhstwr-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ezif1r-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ikabdy-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1eng7vu-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ezr05d-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "165amrl-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "3h6md0-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "oky4qu-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1trgg07-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1bzvpib-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "80icqt-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "d2nld4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ras8t0-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "9tf8ng-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ygdebh-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "cbec8a-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "finn28-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "2x41y-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "5wdoy7-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ewebdd-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "npj49x-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ibd556-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "cp36nx-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1en1k7a-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1epmzn4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1p83dmb-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1d1lxwe-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "upyzy1-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "12it1mv-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "9lx2tq-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1xzyi4h-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "tp6wbk-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ih1zl3-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "jge6el-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "u9oau6-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "kbfsyc-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1vkkhw1-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "vtfyjy-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "17fyvl4-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "s10pci-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "gkilpp-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "11lonqs-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "inqd43-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "10ljdb2-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "s7fbjg-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "fab9nt-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1hytpsc-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "ose2d5-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1ys3hi3-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1f3j9f2-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "11exfmv-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "14ci275-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  [Function anonymous]
 LOG  {"meta": {"cssId": "1jpg9cr-uipiwb", "path": ["baseStyle"], "props": {}, "weight": 101}, "original": {}, "resolved": undefined, "themeResolved": undefined}
 LOG  {"meta": {"cssId": "1jpg9cr-ijzue2", "path": ["variants", "hardShadow", "1"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, 
"shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-ijzue2", "path": ["variants", "hardShadow", "1"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": -2}, "shadowOpacity": 0.5, 
"shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-15lnife", "path": ["variants", "hardShadow", "2"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-15lnife", "path": ["variants", "hardShadow", "2"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1dvkyl5", "path": ["variants", "hardShadow", "3"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1dvkyl5", "path": ["variants", "hardShadow", "3"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 2, "width": 2}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1bm4nlc", "path": ["variants", "hardShadow", "4"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1bm4nlc", "path": ["variants", "hardShadow", "4"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": -3, "width": 0}, "shadowOpacity": 0.5, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1li7jle", "path": ["variants", "hardShadow", "5"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1li7jle", "path": ["variants", "hardShadow", "5"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight900", 
"shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight900", "shadowOffset": {"height": 3, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 8}}
 LOG  {"meta": {"cssId": "1jpg9cr-1erdtsb", "path": ["variants", "softShadow", "1"], "props": undefined, "weight": 201}, "original": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, "shadowRadius": 10}, "resolved": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, "shadowRadius": 10}, "themeResolved": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, 
"shadowRadius": 10}}
 LOG  {"meta": {"cssId": "1jpg9cr-1erdtsb", "path": ["variants", "softShadow", "1"], "props": undefined, "weight": 201}, "original": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, "shadowRadius": 10}, "resolved": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, "shadowRadius": 10}, "themeResolved": {"elevation": 5, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.05, 
"shadowRadius": 10}}
 LOG  {"meta": {"cssId": "1jpg9cr-1311cnc", "path": ["variants", "softShadow", "2"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, "shadowRadius": 20}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, "shadowRadius": 20}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, 
"shadowRadius": 20}}
 LOG  {"meta": {"cssId": "1jpg9cr-1311cnc", "path": ["variants", "softShadow", "2"], "props": undefined, "weight": 201}, "original": {"elevation": 10, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, "shadowRadius": 20}, "resolved": {"elevation": 10, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, "shadowRadius": 20}, "themeResolved": {"elevation": 10, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.1, 
"shadowRadius": 20}}
 LOG  {"meta": {"cssId": "1jpg9cr-1by31kg", "path": ["variants", "softShadow", "3"], "props": undefined, "weight": 201}, "original": {"elevation": 15, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}, "resolved": {"elevation": 15, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}, "themeResolved": {"elevation": 15, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}}
 LOG  {"meta": {"cssId": "1jpg9cr-1by31kg", "path": ["variants", "softShadow", "3"], "props": undefined, "weight": 201}, "original": {"elevation": 15, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}, "resolved": {"elevation": 15, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}, "themeResolved": {"elevation": 15, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.15, "shadowRadius": 30}}
 LOG  {"meta": {"cssId": "1jpg9cr-1ps4w83", "path": ["variants", "softShadow", "4"], "props": undefined, "weight": 201}, "original": {"elevation": 20, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 40}, "resolved": {"elevation": 20, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 40}, "themeResolved": {"elevation": 20, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, 
"shadowRadius": 40}}
 LOG  {"meta": {"cssId": "1jpg9cr-1ps4w83", "path": ["variants", "softShadow", "4"], "props": undefined, "weight": 201}, "original": {"elevation": 20, "shadowColor": "$backgroundLight500", 
"shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 40}, "resolved": {"elevation": 20, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, "shadowRadius": 40}, "themeResolved": {"elevation": 20, "shadowColor": "$backgroundLight500", "shadowOffset": {"height": 0, "width": 0}, "shadowOpacity": 0.2, 
"shadowRadius": 40}}
 LOG  [Function anonymous]

Sometimes it's a function, I don't know if that is a relevant fact.

GSFZamai commented 8 months ago

And when I validate this object like below:

Hi there, hope you're fine. I don't know if this is the ideal solution but I've applied this optional chaining and resolved this error:

File: @gluestack-style/react/src/resolver/checkAndPush.ts b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts Line: 29

diff --git a/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
index 6a67f77..05bf5fe 100644
--- a/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
+++ b/node_modules/@gluestack-style/react/src/resolver/checkAndPush.ts
@@ -26,7 +26,7 @@ export function checkAndPush(item: any, ret: any, keyToCheck: any) {
     return obj;
   }
   // keyToCheck = "baseStyle" | "variants" | "sizes"
-  if (item.meta.path.includes(keyToCheck)) {
+  if (item.meta?.path.includes(keyToCheck)) {
     // if (!item.meta.path.includes('state')) {
     //   if (!ret.ids) {
     //     ret.ids = [];

I don't know why this error occurs, because I put a console.log in this object and It's , in fact, never undefined or null...

I have other (undefined is not a function) error at: @gluestack-style\react\src\styled.tsx line 1136

image

ankit-tailor commented 8 months ago

The issue is fixed in the latest version of @gluestack-style/react and @gluestack-ui/themed.