From 7089280c6e228d1b1c3b8594ab987cf9912229bc Mon Sep 17 00:00:00 2001 From: Patrik Oldsberg Date: Tue, 19 May 2026 11:03:20 +0200 Subject: [PATCH] Add Remix icon migration notes to NavItemBlueprint changeset Document switching from MUI IconComponent nav items to Remix Icon elements on PageBlueprint. Signed-off-by: Patrik Oldsberg Co-authored-by: Cursor --- .changeset/remove-nav-item-blueprint-api.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/.changeset/remove-nav-item-blueprint-api.md b/.changeset/remove-nav-item-blueprint-api.md index 93d27d1a39..cff78131be 100644 --- a/.changeset/remove-nav-item-blueprint-api.md +++ b/.changeset/remove-nav-item-blueprint-api.md @@ -20,3 +20,23 @@ If you were still using `NavItemBlueprint`, migrate by moving `title` and `icon` }, }); ``` + +`PageBlueprint` expects an `IconElement` rather than a Material UI `IconComponent`, so this is also a good time to switch to [Remix Icon](https://remixicon.com/) if you were using Material UI icons only for the nav item: + +```diff +-import ExampleIcon from '@material-ui/icons/Extension'; ++import { RiPuzzleLine } from '@remixicon/react'; + +-const navItem = NavItemBlueprint.make({ +- params: { title: 'Example', icon: ExampleIcon, routeRef }, +-}); + const page = PageBlueprint.make({ + params: { ++ title: 'Example', ++ icon: , + routeRef, + path: '/example', + loader: () => import('./Page').then(m => ), + }, + }); +```