[bug]: Failed to Fetch dynamically

[theCompanyDream]

What version of @strapi/sdk-plugin are you using?

• npm: 10.2.3
• node: v20.10.0
• react version: 11^
• 5.3.0
• Opera GX/Brave/firefox/Chrome

What's Wrong?

I'm getting is error Failed to fetch

I'm kinda at my wits end with this and I've done a lot to get this working. If I change the pages/App.jsx I get a page not found and I'm not entirely sure as to why. If you want to reproduce this error here are the steps. Here is the issue vite is throwing at me too if that helps at all

4:26:20 PM [vite] error while updating dependencies: Error: Build failed with 2 errors: ../strapi-supergpt/node_modules/@strapi/core/dist/services/content-api/permissions/engine.mjs:1:7: ERROR: No matching export in "../strapi-supergpt/node_modules/@strapi/permissions/dist/index.mjs" for import "default" ../strapi-supergpt/node_modules/@strapi/core/dist/services/entity-validator/index.mjs:3:7: ERROR: No matching export in "../strapi-supergpt/node_modules/@strapi/utils/dist/index.mjs" for import "default" at failureErrorWithLog (/home/company2/strapi/z-server/node_modules/esbuild/lib/main.js:1651:15) at /home/company2/strapi/z-server/node_modules/esbuild/lib/main.js:1059:25 at /home/company2/strapi/z-server/node_modules/esbuild/lib/main.js:1527:9 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) (x2)

I don't think this a bug but to be honest I just don't understand

To Reproduce

1. npx create-strapi@latest my-strapi-project
2. cd into my-strapi-project/src/
3. git clone https://github.com/theCompanyDream/strapi-supergpt
4. cd into strapi-supergpt
5. git checkout feat/v5 (this is important because this is the v5 upgrade)
6. yarn && yarn build and or yarn watch(for development)
7. now go to the plugins.js and enable it w "strapi-supergpt": { enabled: true, resolve: "./src/strapi-supergpt" },
8. then yarn development
9. Register the a new user at the bottom
10. Login in
11. Navigate to you should see a tree icon that says supergpt click that link.

supergpt icon below

Expected Behaviour

I expect that the page should show a chat window to show up when you click the supergpt icon. I've tried to make a dummy page that just has a h1 tag into it and I get a page not found. I'm very unsure what's wrong and would like some clarification on what I'm doing wrong here.

[theCompanyDream]

I wanted to post an update to this in case someone finds this and also gets lost. The problem was this

import { useNotification, HeaderLayout } from '@strapi/strapi/admin';

Apparently Headerlayout isn't found in @strapi/strapi/admin and for some reason it wasn't there. Even though it's being exported here. I haven't fixed it yet and need to figure out why it isn't being exported by headerlayout I might submit a bug via strapi since it has more of a chance of being seen there rather than here.

[theCompanyDream]

Wow I figured it out sadly I LEGIT HAD to do some digging and ask a few prompts to chatgpt to get this working. Here is how you import Header Layout in case someone is banging their head migrating their strapi plugin.

import { Layouts } from '@strapi/strapi/admin';
      <Layouts.Header
        title="some Title"
        subtitle="another subtitle"
        primaryAction={
          <Button startIcon={<Check />} onClick={handleSave} loading={loading}>
                    Save
          </Button>
        }
      />
     <Layouts.Content></Layouts.Content>

At the end of the day there are a lot of classes on the layouts but I had to go digging through the source code because it isn't listed in documentation. Hope this helps anyone coming across this