Added missing ref to component for native mode on create/update

Author: asgvard

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.8.3]
+### Fixed
+- Fixed missing reference to a component in native mode
+
 ## [2.8.2]
 ### Added
 - Added guard checks for Enter press and Arrow press to check whether component exists

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@noriginmedia/react-spatial-navigation",
-  "version": "2.8.2",
+  "version": "2.8.3",
   "description": "HOC-based Spatial Navigation (key navigation) solution for React",
   "main": "dist/index.js",
   "files": [

package.json

@@ -103,7 +103,7 @@ const withFocusable = ({
         focusable = true
       } = this.props;
 
-      const node = SpatialNavigation.isNativeMode() ? null : findDOMNode(this);
+      const node = SpatialNavigation.isNativeMode() ? this : findDOMNode(this);
 
       SpatialNavigation.addFocusable({
         focusKey,
@@ -125,7 +125,7 @@ const withFocusable = ({
         focused, realFocusKey: focusKey, onBecameFocusedHandler, preferredChildFocusKey, focusable = true
       } = this.props;
 
-      const node = SpatialNavigation.isNativeMode() ? null : findDOMNode(this);
+      const node = SpatialNavigation.isNativeMode() ? this : findDOMNode(this);
 
       SpatialNavigation.updateFocusable(focusKey, {
         node,