Merge pull request #75 from novasamatech/feat/change-icons

Feat: change icons

globals.d.ts

@@ -34,9 +34,8 @@ declare module '*.mp4' {
 }
 
 declare module '*.svg' {
-  import React = require('react');
-  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
-  const content: string;
+  import React from 'react';
+  const content: React.FC<React.SVGProps<SVGSVGElement>>;
   export default content;
 }
 

next.config.js

@@ -10,4 +10,12 @@ const nextConfig = {
   },
 };
 
+nextConfig.webpack = (config, context) => {
+  config.module.rules.push({
+    test: /\.svg$/,
+    use: '@svgr/webpack',
+  });
+  return config;
+};
+
 module.exports = nextConfig;

package.json

@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.0.4",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.1.2",
     "@twa-dev/types": "^6.9.0",