Could Not Get BatchedBridge, make sure your bundle is packaged correctly. React/Taillwind CSS

I have React and Tailwind CSS installed. I started by expo. to create a application.

This simple page should allow me to have centered text and a simple button.

My code is below and the error follows. Any help will be appreciated.

import React from "react";
import { Button, StyleSheet, Text, View } from "react-native";
import { useTailwind } from "tailwind-rn";
import tailwind from "tailwindcss";

export default function App() {
    return (
        <View style={tailwind("flex-1 justify-center items-center ")}>
            <Text> HELLOOOO</Text>
            <Button title="click me" />
        </View>
    );
}

Error:

Could Not Get BatchedBridge, make sure your bundle is packaged correctly.