Undefined color from MaterialCommunityIcon

[Izocel]

Patch file:

diff --git a/node_modules/react-native-paper/lib/module/components/MaterialCommunityIcon.js b/node_modules/react-native-paper/lib/module/components/MaterialCommunityIcon.js
index 472fee1..523fac9 100644
--- a/node_modules/react-native-paper/lib/module/components/MaterialCommunityIcon.js
+++ b/node_modules/react-native-paper/lib/module/components/MaterialCommunityIcon.js
@@ -1,7 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
-import { StyleSheet, Text, Platform } from 'react-native';
-import { black } from '../styles/themes/v2/colors';
+import { Platform, StyleSheet, Text } from 'react-native';
 export const accessibilityProps = Platform.OS === 'web' ? {
   role: 'img',
   focusable: false
@@ -55,7 +54,7 @@ const MaterialCommunityIcons = IconModule || FallbackIcon;
  */
 const DefaultIcon = ({
   name,
-  color = black,
+  color = "black",
   size,
   direction,
   allowFontScaling,

[github-actions]

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

[abhilmp]

Any update on this ?
This is blocking us

[lukewalczak]

@abhilmp could you please add a repro?

[mohammedshameelvk]

any update ?

[lukewalczak]

Hi @mohammedshameelvk, could you please describe the steps to reproduce the issue?

[mohammedshameelvk]

@lukewalczak when i am using button from react-native-paper it show the error :

ROR Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes
ERROR Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes
ERROR Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes
ERROR Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes
ERROR TypeError: Cannot read property 'jsx' of undefined

It point into materialCommunityIcon

[lukewalczak]

I'm not able to reproduce it on the fresh project nor on the expo snack. Please attach the minimal repro in a GitHub repository which demonstrates the issue.

[mohammedshameelvk]

@lukewalczak i am using react native cli
"react-native-paper": "^5.14.5",
"react-native-paper-dates": "^0.18.27",
"react-native-safe-area-context": "^4.6.3",
"react-native-screens": "4.0.0",

[lukewalczak]

Did you install icons library as specified in documentation:

[mohammedshameelvk]

I am already using this package
But now I am getting the issue
TypeError: 0, _$$_REQUIRE(_dependencyMap[7], "react/jsx-runtime").jsx is not a function (it is undefined)

[kcropp78]

I was also getting this undefined color variable error. What I ended up doing to fix it is making sure to spread the default theme and colors before providing my own coloring theme that gets passed into the paper provider to make sure nothing was missed. Snippet below is from the paper theming docs.

import * as React from 'react';
import {
MD3LightTheme as DefaultTheme,
PaperProvider,
} from 'react-native-paper';
import App from './src/App';

const theme = {
...DefaultTheme,
// Specify custom property
myOwnProperty: true,
// Specify custom property in nested object
colors: {
...DefaultTheme.colors,
},
};

I'm not sure why that black variable in the icon is not being recognized, but if you provide your own defaults in the theme it never seems to need it and provides a patchless way of fixing the problem.

[mohammedshameelvk]

@lukewalczak any update?

[Murugeswari]

I am so facing this issues could please share any solution for this