title: Using strapi V4 graphql and nextjs - filters not work
body: <p>I´m using strapi V4 with the graphql extension. When i´m use filters with variables in the graphql Playground there are no problems.</p>
  <pre><code>query getOrdersFilterList($searchstring: String!) {
  orders(filters: { customer: { contains: $searchstring } }) {
      data {
        attributes {
          number
          customer
          name
          article
        }
      }
    }
  }
  </code></pre>
  <p>Query Variables:</p>
  <pre><code>    {
    &quot;searchstring&quot;: &quot;zi&quot;
  }
  </code></pre>
  <p>When i use filters with Postman no problems.</p>
  <pre><code>query getOrdersFilterList($searchstring: String) {
      orders(filters: {customer: { containsi:  $searchstring}}) {
          data {
              attributes {
                  number
                  customer
                  name
                  article
              }
          }
      }
  }
  </code></pre>
  <p>Graphql Variables :</p>
  <pre><code>{
      &quot;searchstring&quot;: &quot;zi&quot;
  }
  </code></pre>
  <p>The result is like expected:</p>
  <pre><code>{
     &quot;data&quot;: {
         &quot;orders&quot;: {
             &quot;data&quot;: [
                 {
                     &quot;attributes&quot;: {
                         &quot;number&quot;: &quot;30072&quot;,
                         &quot;customer&quot;: &quot;Stauder Zimmerei&quot;,
                         &quot;name&quot;: &quot;Hagmann Habsburgerstr.&quot;,
                         &quot;article&quot;: &quot;Stahlteile &quot;
                     }
                 },
                 {
                     &quot;attributes&quot;: {
                         &quot;number&quot;: &quot;22-02-015 A&quot;,
                         &quot;customer&quot;: &quot;Ziebarth Wolfgang&quot;,
                         &quot;name&quot;: &quot;Austr. 1 a&quot;,
                         &quot;article&quot;: &quot;Aussengeländer &quot;
                     }
                 },
                 {
                     &quot;attributes&quot;: {
                         &quot;number&quot;: &quot;30013&quot;,
                         &quot;customer&quot;: &quot;Ziser&quot;,
                         &quot;name&quot;: &quot;Bürklinstraße 7, Lahr&quot;,
                         &quot;article&quot;: &quot;Geländer mit Mlichglas &quot;
                     }
                 }
             ]
         }
     }
  }
  </code></pre>
  <p>Now my nextjs app code:</p>
  <pre><code>export const getOrdersFilterList = async (page, pageSize, searchstring) =&gt; {
     const data = await client.query({
      query: gql`
      query getOrdersFilterList($searchstring: String) {
      orders(filters: {customer: { contains:  $searchstring}}){
            data {
            attributes {
              number
              customer 
              name
              article
            }
          }
        }
      }`,
          variables: {searchstring}
    })
  </code></pre>
  <p>Variables same as above ( searchstring come from the call of the function )</p>
  <pre><code>{
      &quot;searchstring&quot;: &quot;zi&quot;
  }
  </code></pre>
  <p>this is what i get on the console (Firefox):
  &quot; Object { data: {…}, loading: false, networkStatus: 7 } &quot;</p>
  <p>I spend days to search. I can´t find a clue</p>
  <p>Anyone can help ?</p>