fix: use svgr setting for img role

Signed-off-by: Hidde de Vries <[email protected]>
nl-design-system · Dec 13, 2024 · 1d02c63 · 1d02c63
1 parent 40bd4fd
commit 1d02c63
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/ComponentAnatomy.tsx b/src/components/ComponentAnatomy.tsx
@@ -9,7 +9,6 @@ import { AnatomyList, AnatomyListItem } from './AnatomyList';
 interface IllustrationProps {
   className?: string;
   height?: boolean;
-  role?: string;
 }
 
 interface ComponentAnatomyProps {
@@ -33,7 +32,7 @@ export const ComponentAnatomy = ({
     <Suspense fallback={null}>
       <figure className={clsx('component-anatomy')}>
         {AnatomyIllustration && (
-          <AnatomyIllustration role="img" height={null} className={clsx('component-anatomy__illustration')} />
+          <AnatomyIllustration height={null} className={clsx('component-anatomy__illustration')} />
         )}
         {AnatomyIllustration && AnatomyLegend && (
           <figcaption>

diff --git a/svgr.config.js b/svgr.config.js
@@ -0,0 +1,4 @@
+// .svgrrc.js
+module.exports = {
+  svgProps: { role: 'img' },
+};