Invariant Violation: View config not found for name div

[thidasapankaja]

I'm trying to use react-loading on my react-native app. This is my code

import React, { Component } from 'react';
import ReactLoading from 'react-loading';

class Tags extends Component{
  render(){
      return (
        <ReactLoading type='spinningBubbles' color='#03A9F4' />
      );
  }
}

export default Tags;

But I'm getting an error when I run this. This is the console error I'm getting.

Invariant Violation: View config not found for name div

This error is located at:
    in div
    in Loading (at tags.js:7)
    in Tags (at App.js:30)
    in RCTView (at View.js:113)
    in View (at App.js:27)
    in App (created by AwakeInDevApp)
    in RCTView (at View.js:113)
    in View (created by AwakeInDevApp)
    in AwakeInDevApp (at registerRootComponent.js:34)
    in RootErrorBoundary (at registerRootComponent.js:33)
    in ExpoRootComponent (at renderApplication.js:35)
    in RCTView (at View.js:113)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:113)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:34)_

Why is that ? Is this an issue or I'm doing something wrong ?

[fakiolinho]

@pankaja92 unfortunately i am not a react-native expert but i think that it is an issue for react-native to render html elements, so that div in there breaks this pattern. Maybe this can help you.

[thidasapankaja]

@fakiolinho yes, I'm aware about that. But the thing is I haven't use div tag in my code.

[ateufel]

react-loading uses divs, it does not seem to be built for react native: https://github.com/fakiolinho/react-loading/blob/master/lib/react-loading.jsx