# Plugin Modal Component Import Error - Followed Official Docs But Still Getting Errors

**URL:** <https://meta.discourse.org/t/plugin-modal-component-import-error-followed-official-docs-but-still-getting-errors/380016>\
**Category:** Development\
**Created:** [August 23, 2025, 1:20pm UTC](https://meta.discourse.org/t/plugin-modal-component-import-error-followed-official-docs-but-still-getting-errors/380016 "2025-08-23T13:20:16Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [August 23, 2025, 1:27pm UTC](https://meta.discourse.org/t/plugin-modal-component-import-error-followed-official-docs-but-still-getting-errors/380016/2 "2025-08-23T13:27:13Z")

</div>

Try importing it from `../components/modal/lottery-form-modal` instead.

When you start your import with `discourse`, it will look for the file and directory in the Discourse codebase, not your own project.

For example, your line:

> [@joo](#):
>
> ```plaintext
> import { withPluginApi } from "discourse/lib/plugin-api";
> 
> ```

imports this from `app/assets/javascripts/discourse/app/lib/plugin-api.gjs` in the Discourse codebase.

As an example on how you could do this, see @abroun_beholder’s [GitHub - Beholder-Vision/discourse-insert-model-3d: A Discourse theme component for adding 3D models to topics · GitHub](https://github.com/Beholder-Vision/discourse-insert-model-3d).

---

_[View the full topic](https://meta.discourse.org/t/plugin-modal-component-import-error-followed-official-docs-but-still-getting-errors/380016)._