Demo-map error : Text strings must be rendered within a <Text> component

[BPich]

Hi all,

I'm trying to integrate pigeon-maps to my app. When testing with the basic demo from https://pigeon-maps.js.org/docs/installation I get the following error : Component Exception Text strings must be rendered within a component.

I tested within an empty sandbox project.

Here is my App.js code :

import React from 'react';
import { Map, Marker } from "pigeon-maps"

export default function App() {
  return (
    MyMap()
  );
}

export function MyMap() {
  return (
    <Map height={200} defaultCenter={[50.879, 4.6997]} defaultZoom={11}>
      <Marker width={50} anchor={[50.879, 4.6997]} />
    </Map>
  )
}

I tried to google this issue but no explanation found seems to correspond.

Thank you for your help !

I'm using npm and expo to develop and test my app on my android device. I updated npm and expo packages just in case but doesn't fix the issue.

I include the package.json and package-lock.json in the zip hereafter.

sandBox.zip

[mariusandra]

Hey, unfortunately pigeon-maps is only built to work on the web. It's built with standard web components (e.g. <div /> tags), so I would be very surprised if it would work in React Native.

[BPich]

Crap, was expecting something like that. Thanks for the quick answer.