Can't override admin panel pages

[AlexanderPershin]

• Node.js version: v16.14.2
• NPM version: 8.5.0
• Strapi version: 4.1.12
• Database: sqlite
• Operating system: ubuntu 21.10

I need to override default React components (pages) for admin panel, however I wasn't able to do that
I created directories structure:
src
│

---

skip

---

├── extensions
│ ├── admin
│ │ └── admin
│ │ └── src
│ │ └── pages
│ │ └── HomePage
│ │ ├── ContentBlocks.js
│ │ ├── HomeHeader.js
│ │ ├── index.js
│ │ └── SocialLinks.js
│ └── content-manager
│ └── strapi-server.js
├── index.js
└── plugins
Which should've reflected "strapi/packages/core/admin/admin/src/pages/HomePage/" path in repo
But no changes happened

For content-manager the simillar scheme worked perfectly - I overrode file strapi-server.js and everything worked, but I assume that was just an exception

Steps to reproduce the behavior

1. Go to strapi repo
2. Copy one of core package's path
3. Create same path in /src/extensions/ directory
4. Copy some files to override from repo and make changes to them
5. Run npm run strapi && npm run strapi watch-admin
6. Observe no changes to components you've just override

Expected behavior

Files you override should have effect on the project

[codeblooded47]

I followed the steps to produce this behavior.
There is no effect on admin panel pages.

I dig a little and found out strapiv4 override files ./src/admin/extension but this is for logo and asset files.
I changed some of the line in node_modules/@strapi/admin/admin/index.js and i am getting expected behavior.

According to docs here seems like we can achieve same. I will follow this and update here.

[derrickmehaffy]

This is expected, you will need to use patch-package to modify admin pages in Strapi v4 as we got rid of the v3 extensions system.

[AlexanderPershin]

This is expected, you will need to use patch-package to modify admin pages in Strapi v4 as we got rid of the v3 extensions system.

Hi,
I did as you say:

• modified files in node_modules
• ran npx patch-package @strapi/admin
  Then I tried to deploy on heroku. In order to apply changes in production, I added "heroku-cleanup": "npx patch-package" script into my package.json. But when I'm trying to deploy app on Heroku, no changes are being applyed, though heroku output is:

remote: -----> Cleanup
remote:        Running heroku-cleanup
remote:        
remote:        > my-project@0.1.0 heroku-cleanup
remote:        > npx patch-package
remote:        
remote:        patch-package 6.4.7
remote:        Applying patches...
remote:        @strapi/admin@4.1.12 ✔

Did I do something wrong, or patch-package just won't work for heroku?

[derrickmehaffy]

You need postinstall to apply changes.

[AlexanderPershin]

You need postinstall to apply changes.

That worked

Thank you

[Jahorse]

I'll just point out for anybody that comes across this that you can avoid the patch-package and postinstall dependencies by using yarn v2 or newer that has the yarn patch functionality: https://yarnpkg.com/cli/patch

[derrickmehaffy]

Thanks for this, wasn't aware (still on yarn v1 like most of the Strapi team)

[wang00100]

666

[strapi-bot]

This issue has been mentioned on Strapi Community Forum. There might be relevant details there:

https://forum.strapi.io/t/customize-the-dashboard-welcome-page/939/35

[huy-lv]

https://forum.strapi.io/t/customize-the-dashboard-welcome-page/939/35

why do you guys turn this off, I think this is must-have feature 😄

[AdrianFahrbach]

This is expected, you will need to use patch-package to modify admin pages in Strapi v4 as we got rid of the v3 extensions system.

We're on Strapi v4.15.5-alpha-5 and it seems like this is not possible anymore, since the Strapi admin files are precompiled in the package.
@derrickmehaffy Is there still a recommended way to adjust the admin panel with custom components?

[topovik]

I want to change some components in the @strapi/plugin-upload plugin

1. npm i pack-package postinstall-postinstall
2. "scripts": { "postinstall": "patch-package", ... }
3. I make changes to the component I need in node_modules/@strapi/plugin-upload/admin/src/components
4. npx pack-package @strapi/plugin-upload (I get the patches folder with the file @strapi+plugin-upload+4.15.4.patch)
5. npm install npm run build npm run develop

After the work done, I do not see any changes in the plugin on the UI