title: Watermelondb with TypeScript
body: <p>I am building a React App and I wish to use Watermelondb for Offline Storage, but I don`t know how to use it with TypeScript. I have created the database and my Course and Lesson model files from Watermelondb library. In my App.tsx I have used the Database provider as follows:</p>
  <pre><code>import 'react-native-gesture-handler';
  import React from 'react';
  import { View, StatusBar } from 'react-native';
  import { NavigationContainer } from '@react-navigation/native';
  import DatabaseProvider from '@nozbe/watermelondb/DatabaseProvider';
  
  import database from './database/index.js';
  
  import AppProvider from './hooks';
  
  import Routes from './routes';
  
  const App: React.FC = () =&gt; (
    &lt;NavigationContainer&gt;
      &lt;StatusBar barStyle=&quot;light-content&quot; backgroundColor=&quot;#6548A3&quot; translucent /&gt;
      &lt;DatabaseProvider database={database}&gt;
        &lt;AppProvider&gt;
        &lt;View style={{ flex: 1, backgroundColor: '#6548A3' }}&gt;
          &lt;Routes /&gt;
        &lt;/View&gt;
      &lt;/AppProvider&gt;
      &lt;/DatabaseProvider&gt;
    &lt;/NavigationContainer&gt;
  );
  
  export default App;
  </code></pre>
  <p>Then I get a Typescript error in my functional component:</p>
  <pre><code>import React from 'react';
  import { View } from 'react-native';
  const Dashboard: React.FC = ({courses, lessons}) =&gt; {
  return (
      &lt;View&gt;
      &lt;/View&gt;
    );
  }
  </code></pre>
  <p>In courses and lessons I get the following error:</p>
  <blockquote>
  <p>Property does not exist on type '{ children?: ReactNode; }'</p>
  </blockquote>
  <p>How can I use TypeScript to solve these errors?</p>