How to use the @nozbe/watermelondb/DatabaseProvider.withDatabase function in @nozbe/watermelondb

)}
                      />
                    
                )}
              
            
          
        
      
    )
  }
}

export default withDatabase(Root)

{project.manifest.avatar &amp;&amp; <img height="{40}/" width="{40}" src="{project.manifest.avatar}" alt="avatar">}
            
          
        
        
          
            <button color="primary" size="small">
              Read more
            </button>
          
        
      
    )
}

const ProjectCard = withDatabase(withObservables(['project'], ({ database, project }) =&gt; ({
  pledges: database.collections.get('pledges').query(
    Q.where('intended_project', project.projectId)
  ).observe()
}))(RawProjectCard))

function GridView({classes, projects, favorites, setFavorites}) {
  return (
    {projects.map((project, index) =&gt; {
      if (!project.manifest) {
        return ''
      }
      return (
        
      );
    })}