Builder custom code error

Hello,

I have been getting this warning for a while now, and i can’t figure out what may the problem be.

Warning:

Now, I checked all my codebase for this which is shown that cannot be accessed but could not find such. Not to mention that everywhere i access builder io fields inside data i use typescript’s optional chaining ?. (ex: ?.data?.…)

Project dependency versions:

 "dependencies": {
    "@builder.io/dev-tools": "^1.1.25",
    "@builder.io/react": "^5.0.11",
    "@builder.io/sdk": "3.0.7",
    "@fullhuman/postcss-purgecss": "^6.0.0",
    "@next/bundle-analyzer": "^15.0.3",
    "autoprefixer": "^10.4.20",
    "next": "14.2.16",
    "postcss": "^8.4.47",
    "react": "18.3.1",
    "react-dom": "18.3.1"
  },

In the config files i use - '@builder.io/react/lite' imports
and for Builder io Component i use this:

const LazyBuilderComponent = lazy(() =>
  import('@builder.io/react').then((module) => ({
    default: module.BuilderComponent,
  }))
);

Any ideas or suggestions form fixing this warning ?

Hello @Mehan,

Thank you for reaching out. Could you please share the Builder content link where you are encountering this error?

Typically, this error occurs when the required data (in your case, state.resources.data) is not available during content rendering. If you could provide more details on how you’re passing this data, it would help us better understand the issue and assist you in resolving it more efficiently.

Looking forward to your response.

Thanks,

Hi @Mehan,

Please don’t hesitate to reach out if you need any further assistance in resolving the errors you mentioned.

Thanks,