Skip to content

How to use types interfaces mentioned inside react native inside react-native-web app ? #2689

Open
@archana-iron

Description

@archana-iron

Is there an existing request?

  • I have searched for this request

Describe the feature request

I am building a react js web custom component package where I have to show the preview of my mobile components. So I created a react native components package and later added a clone copy of the package for the react native web app also by using an alias. Now, the problem is I am not able to use the types used inside react native component inside the react native component package.
Example:

import React, { memo } from 'react';
import { View as NativeView, type ViewStyle } from 'react-native-web';

export interface ViewProps {
children?: React.ReactNode;
style?: {
style?: ViewStyle;
};
}

function View({ children = null, style = {}, ...rest }: ViewProps) {
return (
<NativeView style={style?.style} {...rest}>
{children}

);
}

View.displayName = 'View';

export default memo(View);

Getting error: Unsafe type declaration for 'any', inside <NativeView style={style?.style} {...rest}>, for style?.style. Please suggest how I can use react native types inside the react native web package.

Can we use react native types inside the react native web app or custom package where we have used react native web? If yes, please suggest how.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementRequires extension or creation of new React Native API

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions