Function useSchemasByState

Hook for fetching and filtering schemas by a specific state.

This hook extends the useSchemas hook by adding a filtering layer to only return schemas that match a specific state. It passes additional parameters to useSchemas and refines the schema list based on the provided state.

Example

import { useSchemasByState } from 'react-playmakers';

const MyComponent = () => {
  const { schemas, fetched, fetchMore, refresh } = useSchemasByState('active', { limit: 10 });

  useEffect(() => {
    if (!fetched) {
      console.log('Fetching schemas...');
    }
  }, [fetched]);

  return (
    <div>
      <h1>Active Schemas</h1>
      <ul>
        {schemas.map(schema => (
          <li key={schema.id}>{schema.name}</li>
        ))}
      </ul>
      {fetchMore && <button onClick={fetchMore}>Load More</button>}
      <button onClick={refresh}>Refresh</button>
    </div>
  );
};
Copy