@hero-design/rn 0.0.0-mainIsReactNative-20260826163045 → 0.0.0-mainIsReactNative-1

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@hero-design/rn",
-  "version": "0.0.0-mainIsReactNative-20260826163045",
+  "version": "0.0.0-mainIsReactNative-1",
   "license": "MIT",
   "main": "src/index.ts",
-  "module": "es/index.js",
   "types": "types/index.d.ts",
   "typesVersions": {
     "*": {

package/src/components/Slider/SingleSlider.tsx

@@ -1,8 +1,31 @@
-import RnSlider from '@react-native-community/slider';
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import { Platform, Text, View } from 'react-native';
 import { useTheme } from '../../theme';
 
+type RnSliderType = typeof import('@react-native-community/slider').default;
+
+const LINKING_ERROR =
+  `The package '@react-native-community/slider' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: `- You have run 'pod install'\n`, default: '' }) +
+  `- You rebuilt the app after installing the package\n`;
+
+let RnSlider: RnSliderType | null = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  RnSlider = require('@react-native-community/slider').default;
+} catch {
+  // package not linked — SliderComponent will render the linking error
+}
+
+const SliderComponent: React.ComponentType<React.ComponentProps<RnSliderType>> =
+  RnSlider ??
+  (() => (
+    <View>
+      <Text>{LINKING_ERROR}</Text>
+    </View>
+  ));
+
 export interface SingleSliderProps {
   /**
    * Minimum value of the slider.
@@ -70,7 +93,7 @@ const Slider = ({
   const { selectedTrack, thumb, unselectedTrack } = theme.__hd__.slider.colors;
 
   return (
-    <RnSlider
+    <SliderComponent
       minimumValue={minimumValue}
       maximumValue={maximumValue}
       step={step}