title: You may need an appropriate loader to handle this file type. When i use optional chaining operator in my create-react-app project
body: <p>I learning redux right now, and i was making a project where i was doing a google oAuth authentication. so when i tried to use optional chaining operator i get this error.</p>
  <pre><code>You may need an appropriate loader to handle this file type.
  |           switch (_context.prev = _context.next) {
  |             case 0:
  &gt;               result = res?.profileObj;
  |               token = res.tokenId;
  </code></pre>
  <p>and here is the code that is giving me the error</p>
  <pre><code>const googleSuccess = async (res) =&gt; {
          const result = res?.profileObj;
          const token = res?.tokenId;
          try {
              dispatch({ type: AUTH, data: { result, token } });
              history.push('/');
          } catch (error) {
              console.log(error);
          }
      };
  </code></pre>
  <p>however if i remove the <code>?</code> the error goes away and it works fine.</p>
  <p>i am using react-google-login npm package and the googleSuccess function is passed as a props to the GoogleLogin component.</p>
  <p>if someone could clarify it to me. its just that sometimes, the value am assigning might not always be there and it may crash my app, and for that since optional chaining operator wasn't working i am using ternary  operator(if the value to be assigned isn't present i am just assigning <code>null</code> using ternary operator. (and am not sure if that is okie)).
  apologies if this question is a newbie, i just wanted to clarify myself on why i cannot use <code>?. operator</code> because i couldn't find answers anywhere else. ps: today was the first time i was using <code>?.</code> operator</p>