Error: Objects are not valid as a React child

[Treast]

Hello ! Thanks for your project ! I try to go back to NextJS with the version 12 out, but got some issues with the plugin. Thanks for your help

Node version : 16.9.1 NextJS version: 12.0.1 next-optimized-images version : 3.0.0-canary.10

Steps to reproduce :

• Create new project using NextJS 12
• Add next-optimized-images
• Setup next.config.js & .babelrc
• Set index.js content to :

  
  import Head from 'next/head';
  import Image from 'next-optimized-images';
  import styles from '../styles/Home.module.css';

import bigImage from '../images/1500.jpeg';

export default function Home() { return (

); }

**Actual result :** 
`Error: Objects are not valid as a React child (found: object with keys {src, webpack}). If you meant to render a collection of children, use an array instead.`

**Expected result :** 
A page with the image displayed

[Treast]

Fixed.

If anybody got the same problem, the Image component has to be imported from react-optimized-images, and not from next-optimized-images.

import Img from 'react-optimized-image';