Fixed EuiI8n hasPropName utility errors on null values (#3303)

* added test with null value

* fixed i18n null value error

* cl

CHANGELOG.md

@@ -8,6 +8,7 @@ No public interface changes since `22.5.0`.
 
 **Bug Fixes**
 
+- Fixed EuiI8n hasPropName utility errors on null values ([#3303](https://github.com/elastic/eui/pull/3303))
 - Fixed the inline styles being overwritten by consumer-passed inline styles in EuiBadge ([#3284](https://github.com/elastic/eui/pull/3284))
 
 ## [`22.4.0`](https://github.com/elastic/eui/tree/v22.4.0)

src/components/i18n/__snapshots__/i18n.test.tsx.snap

@@ -135,6 +135,22 @@ exports[`EuiI18n default rendering rendering to dom renders a string with placeh
 </EuiI18n>
 `;
 
+exports[`EuiI18n default rendering rendering to dom renders when value is null 1`] = `
+<EuiI18n
+  default="{arg}"
+  token="test"
+  values={
+    Object {
+      "arg": null,
+    }
+  }
+>
+  <Component
+    arg={null}
+  />
+</EuiI18n>
+`;
+
 exports[`EuiI18n reading values from context mappingFunc calls the mapping function with the source string 1`] = `
 <EuiContext
   i18n={

src/components/i18n/i18n.test.tsx

@@ -38,6 +38,13 @@ describe('EuiI18n', () => {
 
         expect(renderCallback).toHaveBeenCalledWith(values);
       });
+
+      it('renders when value is null', () => {
+        const component = mount(
+          <EuiI18n token="test" default="{arg}" values={{ arg: null }} />
+        );
+        expect(component).toMatchSnapshot();
+      });
     });
 
     describe('render prop with single token', () => {

src/components/i18n/i18n_util.tsx

@@ -14,7 +14,9 @@ function isPrimitive(value: ReactChild) {
 type Child = string | { propName: string } | ReactChild | undefined;
 
 function hasPropName(child: Child): child is { propName: string } {
-  return typeof child === 'object' && child.hasOwnProperty('propName');
+  return child
+    ? typeof child === 'object' && child.hasOwnProperty('propName')
+    : false;
 }
 
 /**