How to set initial variables in relay modern?

Question

started relay at learnrelay.org, from the tutorial the code to set initial variables https://www.learnrelay.org/queries/variables/ is like this:

export default Relay.createContainer(
  ListPage,
  {
    initialVariables: {
      sortOrder: 'id_DESC'
    },
    fragments: {
      viewer: () => Relay.QL`
        fragment on Viewer {
          allPokemons (first: 1000, orderBy: $sortOrder) {

we usually assign variables in relay classic like this, but this code throws an error in relay modern and I don't know why?

export default createPaginationContainer(TodoList,
  initialVariables: {
    first: 10,
  }, 
  fragments: {
  viewer: graphql`
    fragment TodoList_viewer on User {
      todos( # we need to expose todos on user so we can check if todo text already exist and sync in database 
        first: $first 
      ) @connection(key: "TodoList_todos") { #assign a key of connection that can be used shared updater

Answer 1

You can't use initialVariables in Relay Modern - see this link in the docs . Note that as of now, the documentation for migrating away from these functions is extremely brief.

If you're working on this right now, there's a pending update to the RefetchContainer documentation that shows how to properly fetch and refetch your view based on variables.

If you're only using the variables for pagination, check out PaginationContainer .